jgGrid - как можно убрать сетку в дереве (таблице)?

[edd1977]

Читая документацию (переведенную), прямых свойств не нашел. Попробовал отдельный пример с простой таблицей: <style> td{border: 0;} </style> - работает, сетка отключается.
В jqGrid в модели colModel для каждого поля есть свойство classes, которое добавляет класс(ы) к ячейке. Добавил класс .border-non, добавил стиль <style> .border-non {border: 0;} </style> - не работает, все равно сетку рисует. Проверил наличие класса в элементах html - есть, действительно добавлен.

Возможно привязываться нужно к другим стилям самой jqGrid? Если кто знает - помогите. Попробовал поискать подобные вопросы - не нашел.

[Dilettante_Pro]

edd1977,
Посмотрите colModel cellattr

[edd1977]

Разобрался с вопросом. Пришлось скорректировать инструкции 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;
}

и сетка пропадет, при этом рамка самого элемента таблицы останется нетронутой.

[edd1977]

Dilettante_Pro, как раз colModel ничем и не помогает. Есть там интересное свойств "classes" - оно исправно добавляет класс в колонку, но вот как это использовать - у меня не получилось никак! Класс в td добавляется, но как из этого извлечь пользу - я не понял. Если можете привести пример - буду рад.

У меня две таблицы, и в одной надо оставить вертикальные границы, во втором из удалить. Пробовал и добавленный класс использовать и идентификатор грида - все поровну. Но зато сработало вот так:

.div-left .ui-jqgrid tr.ui-row-ltr td {
border-right-width: 0px;
border-right-style: none;
}
- т.е. добавление впереди класса, назначенного блоку, который содержит таблицу. Если кто знает более красивый вариант, прошу написать.