Jquery EasyUI Data Grid - условия, установленные строки цвет фона
Этот учебник покажет вам, как изменить стиль линии сборки Data Grid (DataGrid) в соответствии с рядом условий. Когда значение Коек Стоимость больше, чем 50, мы будем установить другой цвет для строки.
Предназначен для сетки данных (DataGrid) функции rowStyler, чтобы позволить вам настроить стили линий. Следующий код показывает, как изменить стиль линии:
<Таблица ID = "ТТ" название = стиль "DataGrid" = "ширина: 600px; высота: 250px" URL = "Данные / datagrid_data.json" singleSelect = "истинные" fitColumns = "истинный"> <THEAD> <Tr> <Th поле = "ItemId" ширина = "80"> Item ID </ й> <Th поле = "ProductID" ширина = "80"> Идентификатор продукта </ й> <Th поле = "Коек Стоимость" ширина = "80" выровнять = "право"> Цены </ й> <Th поле = "unitcost" ширина = "80" выровняйте = "право"> себестоимость единицы продукции </ й> <Th поле = "attr1" ширина = "150"> Атрибут </ й> <Th = поле "статус" ширина = "60" выровняйте = "центр"> Stauts </ е> </ TR> </ THEAD> </ Table>
$ ( '# Tt'). Datagrid ({ rowStyler: функция (индекс, строки) { если (row.listprice> 50) { возвращение "цвет фона: розовый, цвет: синий, шрифт: жирный;"; } } });
Как вы можете видеть, мы устанавливаем цвет фона (цвет фона), в соответствии с некоторыми условиями для розового цвета (розовый), установить голубой цвет текста (синий).