jqGrid: как изменить дополнение ячейки
Я использую jqGrid3.6.5 на размещенном jQueryUI1.8.2 и jQuery1.4.2 Google
Я хочу изменить дополнение ячейки jqGrid. Для тестирования я хочу установить его на 10 пкс все вокруг каждой ячейки.
Единственная опция, с которой я столкнулся, в то время как поиск с помощью Google следующий:
- добавьте дополнение CSS. например.
#grid-id td, #grid-id th { padding:10px; } - набор
cellLayoutопция к 21 (paddingleft + paddingright + borderleft)
Когда у меня нет ширины набора ни на одном из столбцов в моем colModel, это работает как ожидаемый. Хотя, когда я изменяю размер одного из заголовков или устанавливаю ширину столбца в colModel, заголовки и ячейки не выровненные больше.
Кто-либо знает, как зафиксировать это или знать альтернативный способ изменить дополнение ячейки?
2 ответа
Я нашел решение и мне немного стыдно, что я не нашел его раньше :P
Очевидно, что заголовки грида СТРОЯТСЯ, но не в той же таблице, что и сам грид.
Поэтому, изменив #grid-id th {...} на body .ui-jqgrid .ui-jqgrid-htable th {...}, я добился того, что все работает, как ожидалось.
По словам разработчика jqGrid , вариант cellLayout является предпочтительным способом. К сожалению, документация немного загадочна:
Эта опция определяет заполнение + ширину границы ячейки. Обычно это не следует менять, но если пользовательские изменения элемента td вносятся в файл css сетки, это необходимо изменить. Начальное значение 5 означает paddingLef⇒2 + paddingRight⇒2 + borderLeft⇒1 = 5