1. Home
  2. jQuery EasyUI Data Grid - Création d'une combinaison de colonnes

Le meilleur didacticiel jQuery EasyUI Data Grid - Création d'une combinaison de colonnes en 2024, dans ce didacticiel, vous pouvez apprendre Télécharger exemples jQuery EasyUI,

jQuery EasyUI Data Grid - Création d'une combinaison de colonnes

grille de données easyui (DataGrid) peut créer une combinaison de colonnes, comme suit:

Dans cet exemple, nous utilisons les données pour remplir la grille de données de plan (DataGrid) de données, et ListPrice, unitcost, addr1, combinaison d'état de colonnes dans une seule colonne.

Afin de créer une combinaison de colonnes, vous devez définir la grille des colonnes de données (DataGrid) plug-ins. Chaque élément de la colonne est de définir un ensemble d'utilisation rowspan ou attributs colspan cellulaires combinés.

Le code suivant pour obtenir les exemples ci-dessus: 

	<Table id = "tt" title = "Groupe de colonne" class = le style "easyui-datagrid" = "width: 550px; height: 250px"
			url = "data / datagrid_data.json"
			singleSelect = "true" iconCls = "icon-save" rownumbers = "true">
		<Thead>
			<Tr>
				<Th rowspan = champ "2" = "itemid" width = "80"> ID de l'article </ th>
				<Th rowspan = "2" champ = "ProductID" width = "80"> ID de produit </ th>
				<Th colspan = "4"> Détails de l'article </ th>
			</ Tr>
			<Tr>
				<Th field = largeur "ListPrice" = "80" align = "right"> Prix </ th>
				<Field Th = "unitcost" width = "80" align = "right"> Coût unitaire </ th>
				<Field Th = largeur "de attr1" = "100"> Attribut </ th>
				<Field Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Thead>
	</ Table>

Télécharger exemples jQuery EasyUI

jeasyui-datagrid-datagrid9.zip

Hot Didacticiel

Nous contacter

jQuery EasyUI Data Grid - Création d'une combinaison de colonnes
10/30