1. Home
  2. jQuery EasyUI danych Siatka - Tworzenie kombinacji kolumn

Najlepszy samouczek jQuery EasyUI danych Siatka - Tworzenie kombinacji kolumn W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI danych Siatka - Tworzenie kombinacji kolumn

Siatka easyui danych (siatki danych) może tworzyć połączenie kolumn, jak następuje:

W tym przykładzie używamy danych do wypełnienia siatki danych płaszczyźnie (DataGrid) danych oraz ListPrice, unitcost, addr1, połączenie stanu kolumn w jednej kolumnie.

W celu stworzenia kombinacji kolumn, należy zdefiniować siatkę kolumn danych (datagrid) wtyczek. Każdy element słupa jest zdefiniowanie zestawu użytkowania rowspan lub colspan atrybutów połączeniu komórkowych.

Poniższy kod, aby osiągnąć powyższe przykłady: 

	<Table id = "tt" title = "Kolumna Grupa" 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" pole = "itemid" width = "80"> Item ID </ th>
				<Th rowspan = "2" pole = "ProductId" width = "80"> id produktu </ th>
				<Th colspan = "4"> Element Szczegóły </ th>
			</ Tr>
			<Tr>
				<Th pole = "ListPrice" width = "80" align = "right"> Cennik </ th>
				<Pole Th = "unitcost" width = "80" align = "right"> jednostkowy koszt </ th>
				<Th pole = "attr1" width = "100"> Atrybut </ th>
				<Pole Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ THEAD>
	</ Table>

Pobierz przykłady jQuery EasyUI

jeasyui-datagrid-datagrid9.zip

Hot Tutorials

Contact US

jQuery EasyUI danych Siatka - Tworzenie kombinacji kolumn
10/30