JQuery EasyUI Data Grid - Установить Закрепить столбцы
Этот пример демонстрирует, как заморозить некоторые из столбцов, когда пользователь перемещает горизонтальную полосу прокрутки на сетке, замороженные столбцы не могут перейти к мнению снаружи.
Чтобы заморозить столбец, вам нужно определить свойство frozenColumns. frozenColumn свойств и атрибутов в виде столбцов.
$ ( '# Tt'). Datagrid ({ Название: "Замороженные столбцы", iconCls: 'значок-сохранить ", ширина: 500, высота: 250, URL: "Данные / datagrid_data.json ', frozenColumns: [[ {Field: 'Itemid', название: 'Item ID', ширина: 80}, {Field: 'PRODUCTID', название: "ID продукта, ширина: 80}, ]], Колонки: [[ {Field: 'Коек Стоимость', название: "Прайс-лист", ширина: 80, выравнивание: 'право'}, {Field: 'unitcost', название: "Стоимость единицы", ширина: 80, выравнивание: 'право'}, {Field: 'attr1', название: 'Атрибут', ширина: 100}, {Field: "Статус", название: "Статус", ширина: 60} ]] });
Вам не нужно писать код яваскрипта, так что вы можете создать сетку данных (DataGrid) компоненты следующим образом:
<Таблица ID = "тт" название = "Закрепленные столбцы" класс = "easyui-DataGrid" стиль = "ширина: 500px; высота: 250px" URL = "Данные / datagrid_data.json" singleSelect = "истинные" iconCls = "значок-сохранить"> <THEAD замороженная = "истинный"> <Tr> <Th поле = "ItemId" ширина = "80"> Item ID </ й> <Th поле = "ProductID" ширина = "80"> Идентификатор продукта </ й> </ TR> </ THEAD> <THEAD> <Tr> <Th поле = "Коек Стоимость" ширина = "80" выровнять = "право"> Цены </ й> <Th поле = "unitcost" ширина = "80" выровняйте = "право"> себестоимость единицы продукции </ й> <Th поле = "attr1" ширина = "150"> Атрибут </ й> <Th = поле "статус" ширина = "60" выровняйте = "центр"> Stauts </ е> </ TR> </ THEAD> </ Table>