Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   jgGrid - как можно убрать сетку в дереве (таблице)? (https://javascript.ru/forum/library-toolkit-framework/63369-jggrid-kak-mozhno-ubrat-setku-v-dereve-tablice.html)

edd1977 03.06.2016 12:33

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

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

Dilettante_Pro 07.06.2016 10:10

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

edd1977 23.06.2016 10:28

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

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.