1. Home
  2. jQuery EasyUI danych Siatka - Ustaw zablokować kolumn

Najlepszy samouczek jQuery EasyUI danych Siatka - Ustaw zablokować kolumn W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI danych Siatka - Ustaw zablokować kolumn

Ten przykład pokazuje, jak zamrozić niektóre z kolumn, gdy użytkownik przesunie poziomego paska przewijania na starcie, mrożone kolumny nie można przejść do widoku na zewnątrz.

Aby zatrzymać kolumnę, trzeba zdefiniować właściwość frozenColumns. frozenColumn właściwości i atrybuty jako kolumny. 

	$ ( '# Tt "). DataGrid ({
		tytuł: "zamrożone" Kolumny,
		iconCls: "ikona-save"
		szerokość: 500,
		wysokość: 250,
		url: "dane / datagrid_data.json"
		frozenColumns [[
			{Pole: "itemid", tytuł: "Numer pozycji", szerokość: 80}
			{Pole: "ProductId", tytuł: "Product ID", szerokość: 80}
		]]
		kolumny: [[
			{Pole: "ListPrice", tytuł: "Cena", szerokość: 80, align: 'prawo'},
			{Pole: "unitcost", tytuł: "koszt jednostkowy, szerokość: 80, align: 'prawo'},
			{Pole: "attr1", tytuł: "Atrybut ', szerokość: 100}
			{Pola: 'status', tytuł: "Stan", szerokość: 60}
		]]
	});

Nie trzeba pisać żadnego kodu JavaScript, tak aby można było stworzyć siatkę danych (datagrid) komponenty w następujący sposób: 

	<Id Tabela = "tt" title = "Zamrożone Kolumny" class = "easyui-DataGrid" style = "width: 500px; height: 250px"
			url = "data / datagrid_data.json"
			singleSelect = "true" iconCls = "icon-save">
		<THEAD mrożone = "true">
			<Tr>
				<Pole Th = "itemid" width = "80"> Item ID </ th>
				<Pole Th = "productid" width = "80"> ID produktu </ th>
			</ Tr>
		</ THEAD>
		<THEAD>
			<Tr>
				<Th pole = "ListPrice" width = "80" align = "right"> Cennik </ th>
				<Pole Th = "unitcost" width = "80" align = "right"> jednostkowy koszt </ th>
				<Th pole = "attr1" width = "150"> Atrybut </ th>
				<Pole Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ THEAD>
	</ Table>

Pobierz przykłady jQuery EasyUI

jeasyui-datagrid-datagrid5.zip

Hot Tutorials

Contact US

jQuery EasyUI danych Siatka - Ustaw zablokować kolumn
10/30