如何更改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文件在 jqgrid的css文件之后加载！

<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
}