jqGrid:更改网格标题中的背景图像

jqGrid:更改网格标题中的背景图像,jqgrid,background,header,Jqgrid,Background,Header,我有一个jqGrid,它带有默认的背景图像,我想更改它的背景图像。我尝试了网上推荐的几种方法 方法1。我在CSS中添加了以下代码 .ui jqgrid.ui小部件头 { 背景图片:url(images/my header.png)repeat-x!重要; } 方法2.添加以下代码以加载jqGrid的完整事件 loadComplete:函数(){ $(“#gview_jqgCUST.ui jqgrid titlebar”).removeClass('ui-widget-header'); $(“

我有一个jqGrid,它带有默认的背景图像,我想更改它的背景图像。我尝试了网上推荐的几种方法

方法1。我在CSS中添加了以下代码

.ui jqgrid.ui小部件头
{
背景图片:url(images/my header.png)repeat-x!重要;
}
方法2.添加以下代码以加载jqGrid的完整事件

loadComplete:函数(){
$(“#gview_jqgCUST.ui jqgrid titlebar”).removeClass('ui-widget-header');
$(“#gview_jqgCUST.ui jqgrid titlebar”).addClass('jqgrid-header');
}
在CSS中我添加了

.jqgrid头{
背景:红色url(images/my header.png)重复x滚动50%50%;
边框:1px纯黑;
颜色:蓝色;
字体大小:粗体;
}
我在jqGrid css文件之后加载css文件,但无法实现

我该怎么做??任何样本代码请。。。我不熟悉jqGrid和jQuery..

首先,您可以使用jqueryui自定义页面上使用的主题。通过使用“CSS作用域”,您可以减少仅对页面的paer应用主题(请参阅)

或者,您可以指定
.ui jqgrid.ui小部件头的
背景
。使用“Dot Luv”主题。除了背景之外,我还指定了文本和边框的颜色,以改善标题的外观。我用CSS

.ui jqgrid.ui小部件头{
边框:1px实心#0b3e6f;
背景:#0b3e6f url(http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/themes/dot-luv/images//ui-bg_diagonals-thick_15_0b3e6f_40x40.png)50%50%重复-x;
颜色:#f6f6f6;
}
生成的网格如下图所示

首先,您可以使用jQuery UI自定义页面上使用的主题。通过使用“CSS作用域”,您可以减少仅对页面的paer应用主题(请参阅)

或者,您可以指定
.ui jqgrid.ui小部件头的
背景
。使用“Dot Luv”主题。除了背景之外,我还指定了文本和边框的颜色,以改善标题的外观。我用CSS

.ui jqgrid.ui小部件头{
边框:1px实心#0b3e6f;
背景:#0b3e6f url(http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/themes/dot-luv/images//ui-bg_diagonals-thick_15_0b3e6f_40x40.png)50%50%重复-x;
颜色:#f6f6f6;
}
生成的网格如下图所示