0

HTML テーブルの列を左に揃えたいのですが、wijmo ui (jquery ライブラリ) の wijgrid を使用して、テーブルが動的に json から ui に来ています.....テーブルの行を揃える方法は知っていますが、方法がわかりませんwijgridで修正できるヘッダー列を揃えます（よくわかりません）。

以下のコードを試してみましたが、行の配置では問題なく動作しますが、ヘッダーの配置では動作しません。

私のコード:

$("#userlist").wijgrid({ 

ensureColumnsPxWidth:true,

columns: [ 

{headerText: "UserId", dataType:"string",width:"8%",
                                                             cellFormatter: function (args) {

if (args.row.type & $.wijmo.wijgrid.rowType.data) {

args.$container
.css("text-align", "center")

return false;

} }
                                                                                                                                      },
]                                                     });

解決策を教えてください.....ありがとうティナ!!

4

2 に答える 2

1

ifステートメントを変更して、データではなくヘッダーrowTypeをチェックします。（または、ヘッダー行とデータ行の両方を中央に配置する場合は、チェックを完全に外します。

if (args.row.type & $.wijmo.wijgrid.rowType.header) { ... }

ただし、代わりにCSSを使用することをお勧めします。そうすれば、すべてのセルにスタイルをレンダリングすることはできなくなります。純粋なCSSソリューションが最適です。あなたはそのようにそれをすることができます：

<style type="text/css">
    .wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-c1basefield
    {
        text-align: left;
    }
    .wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext
    {
        padding: 0.5em 0.25em;
    }
</style>
于 2012-08-09T15:14:51.050 に答える