1. Rumah
  2. jQuery EasyUI data Grid - Membuat kombinasi dari kolom

Tutorial jQuery EasyUI data Grid - Membuat kombinasi dari kolom Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Ambil jQuery EasyUI contoh,

jQuery EasyUI data Grid - Membuat kombinasi dari kolom

Data easyui grid (datagrid) dapat membuat kombinasi kolom, sebagai berikut:

Dalam contoh ini, kita menggunakan data untuk mengisi grid data plane (datagrid) data, dan untuk listprice, unitcost, addr1, kombinasi status kolom dalam satu kolom.

Dalam rangka untuk menciptakan kombinasi kolom, Anda harus menentukan kolom data grid (datagrid) plug-in. Setiap elemen dari kolom adalah untuk mendefinisikan satu set penggunaan rowspan atau atribut colspan sel gabungan.

Kode berikut untuk mencapai contoh di atas: 

	<Table id = "tt" title = "Kolom Group" class = "easyui-datagrid" style = "width: 550px; height: 250px"
			url = "data / datagrid_data.json"
			singleSelect = "true" iconCls = "icon-save" rownumbers = "true">
		<Thead>
			<Tr>
				<Th rowspan = "2" field = "Itemid" width = "80"> ID Item </ th>
				<Th rowspan = "2" field = "productid" width = "80"> ID Produk </ th>
				<Th colspan = "4"> Barang Detail </ th>
			</ Tr>
			<Tr>
				<Th field = "listprice" width = "80" align = "right"> Daftar Harga </ th>
				<Bidang Th = "unitcost" width = "80" align = "right"> Satuan Biaya </ th>
				<Th field = "attr1" width = "100"> Atribut </ th>
				<Bidang Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Thead>
	</ Table>

Ambil jQuery EasyUI contoh

jeasyui-datagrid-datagrid9.zip

Tutorial Panas

Hubungi kami

jQuery EasyUI data Grid - Membuat kombinasi dari kolom
10/30