JQuery EasyUI Data Grid - Создание комбинации столбцов
Сетка easyui данных (DataGrid) могут создавать комбинацию столбцов, следующим образом:
В этом примере мы используем данные для заполнения сетки плоскости данных данных (DataGrid) и ListPrice, unitcost, ADDR1, сочетание состояния столбцов в одном столбце.
Для того, чтобы создать комбинацию столбцов, вы должны определить столбцы сетки данных (DataGrid) плагинов. Каждый элемент столбца, чтобы определить набор использования RowSpan или Colspan атрибутов в сочетании клеток.
Следующий код для достижения вышеуказанных примеров:
<Таблица ID = "тт" название = "Column Group" класс = "easyui-DataGrid" стиль = "ширина: 550px; высота: 250px" URL = "Данные / datagrid_data.json" singleSelect = "истинные" iconCls = "Значок-сохранить" rownumbers = "истинный"> <THEAD> <Tr> <Th = RowSpan поле "2" = "ItemId" ширина = "80"> Item ID </ й> <Th RowSpan = "2" поле = "ProductID" ширина = "80"> ID продукта </ й> <Th Colspan = "4"> Пункт подробности </ й> </ TR> <Tr> <Th поле = "Коек Стоимость" ширина = "80" выровнять = "право"> Цены </ й> <Th поле = "unitcost" ширина = "80" выровняйте = "право"> себестоимость единицы продукции </ й> <Th поле = "attr1" ширина = "100"> Атрибут </ й> <Th = поле "статус" ширина = "60" выровняйте = "центр"> Stauts </ е> </ TR> </ THEAD> </ Table>