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