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は必要ではない可能性があります。

のjqgridのcssファイルの後に、あなたの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 
}