jQuery EasyUI Data Grid - Creación de una combinación de columnas

cuadrícula de datos easyui (DataGrid) puede crear una combinación de columnas, como sigue:

En este ejemplo, se utilizan los datos para rellenar la cuadrícula de datos plano de datos (DataGrid), y para ListPrice, unitcost, dir1, combinación estado de columnas en una sola columna.

Con el fin de crear una combinación de columnas, debe definir la parrilla de columnas de datos (DataGrid) plug-ins. Cada elemento de la columna es definir un conjunto de atributos o uso rowspan colspan celulares combinado.

El código siguiente para lograr los ejemplos anteriores:

	<Tabla id = "tt" title = class = estilo "easyui-cuadrícula de datos" "Grupo de columnas" = "width: 550px; altura: 250px"
			url = "data / datagrid_data.json"
			singleSelect = "true" iconCls = "icono de guardado" rownumbers = "true">
		<Culata en T>
			<Tr>
				<= Th ROWSPAN campo "2" = "Itemid" width = "80"> ID del elemento </ th>
				<Th ROWSPAN = "2" = ancho campo "ProductID" = "80"> Identificación del producto </ th>
				<Th colspan = "4"> Detalles del artículo </ th>
			</ Tr>
			<Tr>
				<Th Campo = "Precio de la lista" width = "80" align = "right"> Lista de Precios </ th>
				<Campo Th = "unitcost" width = "80" align = "right"> Costo unitario </ th>
				<= Th Campo anchura "attr1" = "100"> Atributo </ th>
				<Campo Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Culata en T>
	</ Table>

Descargar ejemplos de jQuery EasyUI

jeasyui-datagrid-datagrid9.zip