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

Question

我有一个jqGrid，它带有默认的背景图片，我想更改它的背景图片。我按照在线

的建议尝试了几种方法

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

.ui-jqgrid .ui-widget-header
{
    background-image:url(images/my-header.png) repeat-x !important;
}

方法2.添加以下代码以加载jqGrid的完整事件

loadComplete: function () {
    $("#gview_jqgCUST .ui-jqgrid-titlebar").removeClass('ui-widget-header');
    $("#gview_jqgCUST .ui-jqgrid-titlebar").addClass('jqgrid-header');
}

CSS中的

我添加了

.jqgrid-header{
    background:red url(images/my-header.png) repeat-x scroll 50% 50%;
    border:1px solid black;
    color:Blue;
    font-weight:bold;
}

我在jqGrid css文件之后加载css文件但是无法实现它

我该怎么办？任何示例代码请...我是jqGrid和jQuery的新手..

Answer 1

首先，您可以使用jQuery UI的ThemeRoller来自定义您在页面上使用的主题。您可以通过使用“CSS范围”（参见the answer）来减少仅将主题应用于页面的对象。

或者，您可以指定background的{​​{1}}。 The demo使用“Dot Luv”主题中的the background。除.ui-jqgrid .ui-widget-header之外，我指定了文本和边框的颜色，以使标题看起来更好。我用CSS

background

生成的网格如下图所示