如何更改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 
}