jQuery EasyUI Data Grid - Erstellen einer Kombination von Spalten

easyui Datengitter (Datagrid) eine Kombination von Spalten zu erstellen, wie folgt:

In diesem Beispiel verwenden wir die Daten aus dem Flugzeug Datengitter (Datagrid) Daten und über Listenpreis, Unitcost, addr1, Status Kombination von Spalten in einer einzigen Spalte zu füllen.

Um eine Kombination von Spalten zu erstellen, sollten Sie die Datenspalten Gitter (Datagrid) Plug-ins definieren. Jedes Element der Säule ist eine Menge von Anwendungs ​​rowspan oder colspan Attribute kombiniert Zelle zu definieren.

Der folgende Code die obigen Beispiele zu erreichen:

	<Table id = "tt" title = "Spaltengruppe" 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" Feld = "itemid" width = "80"> Item ID </ th>
				<Th RowSpan = "2" Feld = "productid" width = "80"> Product ID </ th>
				<Th colspan = "4"> Artikeldetails </ th>
			</ Tr>
			<Tr>
				<Th Feld = "gelisteter" width = "80" align = "right"> Listenpreis </ th>
				<Th Feld = "Unitcost" width = "80" align = "right"> Kosten pro Einheit </ th>
				<Th Feld = "attr1" width = "100"> Attribut </ th>
				<Th field = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Thead>
	</ Table>

Download von jQuery EasyUI Beispiele

jeasyui-datagrid-datagrid9.zip