1. Home
  2. jQueryのEasyUIデータグリッド - 列の組合せを作成します

jQueryのEasyUIデータグリッド - 列の組合せを作成します2024 年の最新の入門チュートリアル。このコースでは jQueryのEasyUI例をダウンロード, について学習できます。

jQueryのEasyUIデータグリッド - 列の組合せを作成します

次のようにeasyuiデータグリッド（DataGridが）、列の組合せを作成することができます。

この例では、平面データグリッド（DataGridの）データを埋めるために、および1つの列に、unitcost、ADDR1、カラムのステータスの組み合わせをlistpriceするためにデータを使用しています。

列の組合せを作成するには、データ列のグリッド（データグリッド）プラグインを定義する必要があります。 列の各要素は、使用ROWSPANやCOLSPAN属性組み合わせたセルの集合を定義することです。

上記の例を達成するために、次のコード： 

	<表のid = "TT"タイトル= "列グループ"クラス= "easyui-データグリッド"スタイル= "幅：550px;高さ：250ピクセル"
			URL = "データ/ datagrid_data.json」
			singleSelect = "true"をiconCls = "アイコン保存」rownumbers ="真 ">
		<THEAD>
			<TR>
				アイテムID </目> <Thが=幅= "80" "ITEMID" = "2"フィールドをROWSPAN>
				<ThのROWSPAN = "2"フィールド= "商品コード"幅= "80">プロダクトID </目>
				<ThがCOLSPAN = "4">商品詳細</目>
			</ TR>
			<TR>
				<Thのフィールド= "listprice"幅= "80" = "右"を揃える>価格</目>
				<Thのフィールド= "unitcost"幅= "80"揃える= "右">単価</目>
				<Thのフィールド= "ATTR1"幅= "100">属性</目>
				<Thのフィールド= "ステータス"幅= "60" = "センター"を揃える> Stauts </目>
			</ TR>
		</ THEAD>
	</表>

jQueryのEasyUI例をダウンロード

jeasyui-datagrid-datagrid9.zip

ホットチュートリアル

お問い合わせ

jQueryのEasyUIデータグリッド - 列の組合せを作成します
10/30