Блог

Я использую jqGrid и хочу знать, можно ли стилизовать фон панели инструментов Filter отдельно от остальной сетки.

Я пробовал:

 var $search_toolbar = $("tr.ui-search-toolbar", $("#list")[0].grid.hDiv);
$search_toolbar.css('height', '50');
$search_toolbar.css('background-color', 'Red');
  

Высота устанавливается, но цвет фона, по-видимому, переопределяется дочерними элементами.

Затем я попытался создать стиль:

 tr.ui-search-toolbar th{
    height:30px;
    background-color:Black;
    background-image:none;
}
  

Я уверен, что мне не хватает чего-то очевидного, я просто не вижу, что это такое.

Вы можете использовать что-то вроде следующего

 .ui-jqgrid table.ui-jqgrid-htable th.ui-th-column input,
.ui-jqgrid table.ui-jqgrid-htable th.ui-th-column select {
    background-color: red
}
  

посмотрите демонстрацию.