1. Home
  2. jQuery EasyUI danych Siatka - Konwersja HTML siatki danych tabeli

Najlepszy samouczek jQuery EasyUI danych Siatka - Konwersja HTML siatki danych tabeli W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI danych Siatka - Konwersja HTML siatki danych tabeli

Ten przykład pokazuje, jak przerobić tabeli (tabela) dla sieci danych (DataGrid).

Dane siatka (Datagrid) kolumnę informacji jest określona w <> THEAD znacznika, dane są zdefiniowane w <tbody> tag. Upewnić się, że wszystkie ustawienia kolumn nazwy pól danych, zobacz następujące przykłady: 

	<Table id = class "tt" = "easyui-DataGrid" style = "width: 400px; height: auto;">
		<THEAD>
			<Tr>
				<Th pole = "name1" width = "50"> Kol 1 </ th>
				<Th pole = "name2" width = "50"> Kol 2 </ th>
				<Th pole = "NAME3" width = "50"> Kol 3 </ th>
				<Th pole = "NAME4" width = "50"> Kol 4 </ th>
				<Th pole = "NAME5" width = "50"> Col ​​5 </ th>
				<Th pole = "name6" width = "50"> Col ​​6 </ th>
			</ Tr>                          
		</ THEAD>                           
		<Tbody>                            
			<Tr>                           
				<Td> Dane 1 </ td>            
				<Td> Dane 2 </ td>            
				<Td> Dane 3 </ td>            
				<Td> Dane 4 </ td>            
				<Td> Dane 5 </ td>            
				<Td> Dane 6 </ td>            
			</ Tr>                          
			<Tr>                           
				<Td> Dane 1 </ td>            
				<Td> Dane 2 </ td>            
				<Td> Dane 3 </ td>            
				<Td> Dane 4 </ td>            
				<Td> Dane 5 </ td>            
				<Td> Dane 6 </ td>            
			</ Tr>                          
			<Tr>                           
				<Td> Dane 1 </ td>            
				<Td> Dane 2 </ td>            
				<Td> Dane 3 </ td>            
				<Td> Dane 4 </ td>            
				<Td> Dane 5 </ td>            
				<Td> Dane 6 </ td>            
			</ Tr>                          
			<Tr>                           
				<Td> Dane 1 </ td>            
				<Td> Dane 2 </ td>            
				<Td> Dane 3 </ td>            
				<Td> Dane 4 </ td>            
				<Td> Dane 5 </ td>            
				<Td> Dane 6 </ td>            
			</ Tr>                          
		</ Tbody>                           
	</ Table>

Wielki, można zdefiniować złożoną nagłówek tabeli, na przykład: 

	<THEAD>
		<Tr>
			<Th pole = "name1" width = "50" rowspan = "2"> Kol 1 </ th>
			<Th pole = "name2" width = "50" rowspan = "2"> Kol 2 </ th>
			<Th pole = "NAME3" width = "50" rowspan = "2"> Kol 3 </ th>
			<Th colspan = "3"> Szczegóły </ th>
		</ Tr>
		<Tr>
			<Th pole = "NAME4" width = "50"> Kol 4 </ th>
			<Th pole = "NAME5" width = "50"> Col ​​5 </ th>
			<Th pole = "name6" width = "50"> Col ​​6 </ th>
		</ Tr>                          
	</ THEAD>

Teraz widać, kompleks nagłówek został utworzony.

Pobierz przykłady jQuery EasyUI

jeasyui-datagrid-datagrid1.zip

Hot Tutorials

Contact US

jQuery EasyUI danych Siatka - Konwersja HTML siatki danych tabeli
10/30