jQueryのEasyUIツリーメニュー - 複雑なツリーのメッシュを作成します2024 年の最新の入門チュートリアル。このコースでは jQueryのEasyUI例をダウンロード, について学習できます。
ツリーグリッド(TreeGridは)複雑に見えることができ、データ空間を持つ複数列のスプレッドシートには限界があります。 このチュートリアルでは、テーブルのデータが共通のデータを整理するために、グリッドと複数行ヘッダに配置されている分割する方法を示しています。
<表タイトル= "コンプレックスTreeGrid"クラス= "easyui-treegrid"スタイル= "幅:550px;高さ:250ピクセル" URL = "データ/ treegrid2_data.json」 rownumbers = "true"をshowFooter = "true"を idField = "ID" treeField = "地域"> <THEAD =凍結 "真"> <TR> <Thのフィールド= "地域"幅= "150">地域</目> </ TR> </ THEAD> <THEAD> <TR> <Thのはcolspan = "4"> 2009 </目> <Thのはcolspan = "4"> 2010 </目> </ TR> <TR> 第一QRT <Thのフィールド= "F1"幅= "50" = "右"を揃える>。</ Thの> 2ST QRT <Thのフィールド= "F2"幅= "50" = "右"を揃える>。</ Thの> 3ST QRT <Thのフィールド= "F3"幅= "50" = "右"を揃える>。</ Thの> 4ST QRT <Thのフィールド= "F4"幅= "50" = "右"を揃える>。</ Thの> 第一QRT <Thのフィールド= "F5"幅= "50" = "右"を揃える>。</ Thの> 2ST QRT <Thのフィールド= "F6"幅= "50" = "右"を揃える>。</ Thの> 3ST QRT <Thのフィールド= "F7"幅= "50" = "右"を揃える>。</ Thの> 4ST QRT <Thのフィールド= "F8"幅= "50" = "右"を揃える>。</ Thの> </ TR> </ THEAD> </表>
あなたが見ることができるように同じ、ツリー・グリッド(Treegrid)が使用し、データグリッド(データグリッド)。 複数行のヘッダーを定義するために固定された列、列 'はcolspan」と「ROWSPAN'プロパティを定義するには '凍結'プロパティを使用してください。