jgGrid - как можно убрать сетку в дереве (таблице)?
Читая документацию (переведенную), прямых свойств не нашел. Попробовал отдельный пример с простой таблицей: <style> td{border: 0;} </style> - работает, сетка отключается.
В jqGrid в модели colModel для каждого поля есть свойство classes, которое добавляет класс(ы) к ячейке. Добавил класс .border-non, добавил стиль <style> .border-non {border: 0;} </style> - не работает, все равно сетку рисует. Проверил наличие класса в элементах html - есть, действительно добавлен. Возможно привязываться нужно к другим стилям самой jqGrid? Если кто знает - помогите. Попробовал поискать подобные вопросы - не нашел. |
edd1977,
Посмотрите colModel cellattr |
Разобрался с вопросом. Пришлось скорректировать инструкции CSS самого грида. Оказалось, что таблица работает с двумя видами границ - правой и нижней, именно их сочетание строит сетку внутри таблицы (дерева).
Надо написать: .ui-jqgrid tr.ui-row-ltr td { border-right-width: 0px; border-right-style: none; } .ui-jqgrid tr.jqgrow td { border-bottom-width: 0px; border-bottom-style: none; } и сетка пропадет, при этом рамка самого элемента таблицы останется нетронутой. |
Dilettante_Pro, как раз colModel ничем и не помогает. Есть там интересное свойств "classes" - оно исправно добавляет класс в колонку, но вот как это использовать - у меня не получилось никак! Класс в td добавляется, но как из этого извлечь пользу - я не понял. Если можете привести пример - буду рад.
У меня две таблицы, и в одной надо оставить вертикальные границы, во втором из удалить. Пробовал и добавленный класс использовать и идентификатор грида - все поровну. Но зато сработало вот так: .div-left .ui-jqgrid tr.ui-row-ltr td { border-right-width: 0px; border-right-style: none; } - т.е. добавление впереди класса, назначенного блоку, который содержит таблицу. Если кто знает более красивый вариант, прошу написать. |
Часовой пояс GMT +3, время: 16:47. |