У меня есть jqgrid и Grid as Subgrid. Я хочу иметь другой стиль заголовка (скажем, цвет фона) только для подсетки.
Я пытался изменить классы .ui-jqgrid-htable,.ui-widget-header, но это влияет как на заголовки основной сетки, так и на заголовки подсетки.
Как изменить только стили заголовков подсетки?
Вы можете установить background стиль CSS на .ui-jqgrid .subgrid-data .ui-th-column, например, чтобы перезаписать фоновое изображение и цвет фона по умолчанию, используемые в заголовках столбцов.
Например, в в следующей демонстрации просто удалите фоновое изображение по умолчанию и установите yellow в качестве цвета фона в отношении следующего CSS
.ui-jqgrid .subgrid-data .ui-th-column { background: yellow }
Результаты выглядят как на картинке ниже
ОБНОВЛЕНО: можно вообще рассмотреть возможность удаления заголовков столбцов из подсетки. Это может быть интересно, например, в случае, когда подсетка имеет только один столбец (можно дополнительно использовать опцию autowidth: true в подсетке) или в случае, когда вложенная сетка имеет такие же заголовки столбцов, как и основная сетка. См. ответ для получения дополнительной информации.
