1. Casa
  2. jQuery EasyUI Data Grid - Creazione di una combinazione di colonne

Il miglior tutorial jQuery EasyUI Data Grid - Creazione di una combinazione di colonne Nel 2024, in questo tutorial puoi imparare Scarica esempi jQuery EasyUI,

jQuery EasyUI Data Grid - Creazione di una combinazione di colonne

griglia di dati easyui (DataGrid) può creare una combinazione di colonne, come segue:

In questo esempio, utilizziamo i dati per riempire la griglia di dati piano dati (DataGrid), e al prezzo di listino, Costounitario, addr1, combinazione stato di colonne in una singola colonna.

Al fine di creare una combinazione di colonne, è necessario definire la griglia di colonne dati (DataGrid) plug-in. Ogni elemento della colonna è di definire un insieme di uso rowspan o colspan cellulari combinato.

Il codice seguente per raggiungere gli esempi di cui sopra: 

	<Table id = titolo "tt" = "Colonna Gruppo" class = stile "easyui-DataGrid" = "width: 550px; height: 250px"
			url = "dati / datagrid_data.json"
			singleSelect = "true" iconCls = "icona-save" rownumbers = "true">
		<Thead>
			<Tr>
				<Th rowspan = campo "2" = "Itemid" width = "80"> ID Articolo </ th>
				<Th rowspan = "2" campo = larghezza "ProductID" = "80"> ID prodotto </ th>
				<Th colspan = "4"> voce Dettagli </ th>
			</ Tr>
			<Tr>
				<Th campo = larghezza "prezzo di listino" = "80" align = "right"> Listino </ th>
				<Field Th = "Costounitario" width = "80" align = "right"> Costo Unità </ th>
				<Th campo = larghezza "attr1" = "100"> attributo </ th>
				<Field Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Thead>
	</ Table>

Scarica esempi jQuery EasyUI

jeasyui-datagrid-datagrid9.zip

Tutorial caldi

Contattaci

jQuery EasyUI Data Grid - Creazione di una combinazione di colonne
10/30