更改jqgrid的样式

更改jqgrid的样式,jqgrid,Jqgrid,我已经开始在我的项目中使用jqgrid,我对此非常满意 我有两个关于风格的小问题 我正在对列使用分组,但带有“+”的列名显示不正确。“+”是半隐藏的。如何更正此问题 我想用蓝色的主题。我从下载了这些文件,并在代码中包含ui.jqgrid.min.css,但这似乎不起作用。可能是什么问题 我不确定您描述的问题的原因。免费的jqGrid,带有引导GUI stile,没有jQueryUICSS,这还不是最终版本,但GitHub已经包含了这个版本,它相对接近发布。我创建了一个使用guiStyle的工

我已经开始在我的项目中使用jqgrid,我对此非常满意

我有两个关于风格的小问题

  • 我正在对列使用分组,但带有“+”的列名显示不正确。“+”是半隐藏的。如何更正此问题
  • 我想用蓝色的主题。我从下载了这些文件,并在代码中包含ui.jqgrid.min.css,但这似乎不起作用。可能是什么问题

我不确定您描述的问题的原因。免费的jqGrid,带有引导GUI stile,没有jQueryUICSS,这还不是最终版本,但GitHub已经包含了这个版本,它相对接近发布。我创建了一个使用
guiStyle的工具:“bootstrap”
。当前对
guiStyle:“bootstrap”
的限制是另外使用
iconSet:“fontAwesome”

要定制jqGrid CSS的颜色,只需指定边框颜色或背景颜色。例如,我在中使用了以下CSS规则:

.ui-jqgrid.ui-jqgrid-bootstrap{
边框:1px实心#003380;
}
.ui-jqgrid.ui-jqgrid-bootstrap.ui-jqgrid hdiv{
背景色:#cce0ff;
}
.ui-jqgrid.ui-jqgrid-bootstrap.ui-jqgrid-toppager,
.ui-jqgrid.ui-jqgrid-bootstrap.ui-jqgrid寻呼机{
背景色:#e6f0ff;
}
结果如下图所示:


我不确定您描述的问题的原因。免费的jqGrid,带有引导GUI stile,没有jQueryUICSS,这还不是最终版本,但GitHub已经包含了这个版本,它相对接近发布。我创建了一个使用
guiStyle的工具:“bootstrap”
。当前对
guiStyle:“bootstrap”
的限制是另外使用
iconSet:“fontAwesome”

要定制jqGrid CSS的颜色,只需指定边框颜色或背景颜色。例如,我在中使用了以下CSS规则:

.ui-jqgrid.ui-jqgrid-bootstrap{
边框:1px实心#003380;
}
.ui-jqgrid.ui-jqgrid-bootstrap.ui-jqgrid hdiv{
背景色:#cce0ff;
}
.ui-jqgrid.ui-jqgrid-bootstrap.ui-jqgrid-toppager,
.ui-jqgrid.ui-jqgrid-bootstrap.ui-jqgrid寻呼机{
背景色:#e6f0ff;
}
结果如下图所示:


抱歉,但您应该在每个问题中发布关于jqGrid版本和jqGrid分支的信息(,或版本Hi中的旧jqGrid,我使用的是免费jqGrid。我尝试了jquery UI引导,它看起来不错,但您是否知道如何使我的jqGrid看起来像问题中的jqGrid:。抱歉,但您应该在每个问题中发布有关jqGrid版本和jqGrid分支的信息(,或版本Hi中的旧jqGrid,我使用的是免费jqGrid。我尝试了jquery UI引导,它看起来不错,但您知道如何使我的jqGrid看起来像有问题的jqGrid吗:。