GT-Grid 1.0基礎教程(13)

教程説明:
GT-Gridの開発リストをどのように活用するかを教えてくれる基礎教程です.
表示
その他のチュートリアル、および最新バージョンの情報は、どうぞ.
ここをクリックします
第十二章:ユーザー定義のヘッダ
この章では、ユーザー定義リストの作成方法を紹介します.
この章の例ファイル「mydemo 12」
============================================================================================
GT-Gridカスタムヘッドの実現原理は簡単です.
開発者はページ内で標準のhtmlを使って簡単なケーブルを描きます.
このテーブルの構造と内容は、最終的に表示されるユーザー定義のヘッダの構造と内容です.
そしてこのテーブルとGT-Gridを結びつけます.
次は列を見ます.

<table id="myHead" style="display:none">
<tr>
	<td rowspan="2" columnId='no'>  </td>
	<td colspan="3">    </td>
	<td colspan="3">  </td>
	<td  >  </td>
</tr>
<tr>
	<td columnId='name'>  </td>
	<td columnId='age'>  </td>
	<td columnId='gender'>  </td>
	<td columnId='english'>  </td>
	<td columnId='math'>  </td>
	<td columnId='total'>   </td>
	<td columnId='detail'>    </td>
</tr>
</table>

このテーブルはユーザー定義のテーブルの一例です.このテーブルはページ内の唯一のidが必要です.
みんなは中のセルに注意してください.一部はコロンビアがあります.一部はないです.
columnIdがあるセルはGT-Gridのcolumns定義に対応する先頭のセルです.
それらがないのは、具体的なcolumns定義に対応しない表頭セルです.
このテーブルを描く時には、列の数がgridのcolumnの数と一致するように注意してください.
gridのcolumns定義は依然として普通のリスト定義と同じです.
gridの定義にはgridとテーブルを結合し、customHead属性を使用する必要があります.

var gridConfig={
	/* ...          ...*/
	
	customHead : 'myHead', //         table id
}

注意:現在のバージョンでは、ユーザー定義リストの先頭の後、列の位置が移動し、列が凍結され、列の非表示機能が使いにくくなります.
============================================================================================
この章は非常に分かりやすいです.例に合わせて経験してみたら分かりやすいと思います.