Question

我已经开始在我的项目中使用jqgrid，我很高兴。

我有两个小风格相关的问题。

我正在使用分组列，但列名称为＆＃39; +＆＃39;没有正确显示。＆＃39; +＆＃39;是隐藏的一半。我怎么能纠正这个？
我想使用蓝色主题。我从here下载了文件，并在我的代码中包含了ui.jqgrid.min.css，但这似乎不起作用。可能是什么问题？

Answer 1

我不确定你所描述的问题的原因。没有jQuery UI CSS的自由jqGrid与Bootstrap GUI窗格尚未最终，但GitHub包含已经相对接近发布的版本。我创建了使用guiStyle: "bootstrap"的{{3}}。 guiStyle: "bootstrap"的当前限制是另外使用iconSet: "fontAwesome"。

要自定义jqGrid CSS的颜色，只需指定边框颜色或背景颜色即可。例如，我在the demo中使用了以下CSS规则：

.ui-jqgrid.ui-jqgrid-bootstrap {
    border: 1px solid #003380;
}
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-hdiv {
    background-color: #cce0ff;
}
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-toppager,
.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-pager {
    background-color: #e6f0ff;
}

结果如下图所示：

the demo

改变jqgrid的样式

1 个答案: