Как изменить фон заголовка и строк в Jqgrid?

Question

Мне нужно изменить фон заголовка, а также строки сетки Jquery. Я пытался изменить несколько классов CSS, но я не получил желаемый результат.

Answer 1

// this changes the background image of the header
.ui-jqgrid .ui-widget-header{
   background-image: url(myBackground.jpg) repeat-x !important;
}

// this changes the background color of every row in a jqgrid
.ui-jqgrid tr.jqgrow {
    background-color: yellow !important;
}

Примечание: !important может не потребоваться.

Также убедитесь, что ваш файл CSS загружен после файла CSS jqgrid!

<link rel="stylesheet" type="text/css" media="screen" href="ui.jqgrid.css" />
<!-- load jqgrid css first then your css -->
<link rel="stylesheet" type="text/css" media="screen" href="mystyle.css" />

Answer 2

//for changing colour of titlebar
#list .ui-jqgrid-titlebar {
background:blue;
}
//for changing header
.ui-jqgrid .ui-jqgrid-htable th{
background: blue
}