jQueryのEasyUIデータグリッド - HTMLテーブルのデータグリッドを変換します
この例では、データグリッド(データグリッド)のためのテーブル(表)を変換する方法を示します。
データグリッド(データグリッド)列情報は、<thead要素>タグで定義され、データは<TBODY>タグで定義されています。 すべてのデータのフィールド名の列の設定は、次の例を参照してくださいことを確認します。
<表のID = "TT"クラス= "easyui-データグリッド"スタイル= "幅:400ピクセル;高さ:自動;"> <THEAD> <TR> <Thのフィールド= "NAME1"幅= "50">コル1 </目> <Thのフィールド= "name2の"幅= "50">コル2 </目> <Thのフィールド= "NAME3"幅= "50">コル3 </目> <Thのフィールド= "NAME4"幅= "50">コル4 </目> <Thのフィールド= "name5"幅= "50">コル5 </目> <Thのフィールド= "name6"幅= "50">コル6 </目> </ TR> </ THEAD> <TBODY> <TR> <TD>データ1 </ TD> <TD>データ2 </ TD> <TD>データ3 </ TD> <TD>データ4 </ TD> <TD>データ5 </ TD> <TD>データ6 </ TD> </ TR> <TR> <TD>データ1 </ TD> <TD>データ2 </ TD> <TD>データ3 </ TD> <TD>データ4 </ TD> <TD>データ5 </ TD> <TD>データ6 </ TD> </ TR> <TR> <TD>データ1 </ TD> <TD>データ2 </ TD> <TD>データ3 </ TD> <TD>データ4 </ TD> <TD>データ5 </ TD> <TD>データ6 </ TD> </ TR> <TR> <TD>データ1 </ TD> <TD>データ2 </ TD> <TD>データ3 </ TD> <TD>データ4 </ TD> <TD>データ5 </ TD> <TD>データ6 </ TD> </ TR> </ TBODY> </表>
グレート、あなたは例えば、複雑なテーブルのヘッダーを定義することができます。
<THEAD> <TR> <Thのフィールド= "NAME1"幅= "50" ROWSPAN = "2">コル1 </目> <Thのフィールド= "name2の"幅= "50" ROWSPAN = "2">コル2 </目> <Thのフィールド= "NAME3"幅= "50" ROWSPAN = "2">コル3 </目> 詳細<Thが= "3" COLSPAN> </番目> </ TR> <TR> <Thのフィールド= "NAME4"幅= "50">コル4 </目> <Thのフィールド= "name5"幅= "50">コル5 </目> <Thのフィールド= "name6"幅= "50">コル6 </目> </ TR> </ THEAD>
今、あなたが見ることができる、ヘッダ複合体が作成されました。