【问题标题】:Change only jqGrid Subgrid header styles仅更改 jqGrid 子网格标题样式
【发布时间】:2014-06-26 05:59:58
【问题描述】:
我有 jqgrid 和 Grid as Subgrid。我只想为子网格设置不同的标题样式(比如背景颜色)。
我尝试更改 .ui-jqgrid-htable,.ui-widget-header 类,但它会影响主网格和子网格标题。
如何只更改子网格标题样式?
【问题讨论】:
-
您写的是“标题样式”。您是指网格标题(标题,标题参见图片here)还是列标题?顺便说一句,您可以创建没有标题(网格标题)的子网格。我个人更喜欢保存这个地方的方式。
-
标签:
jquery
jqgrid
subgrid
【解决方案1】:
您可以在.ui-jqgrid .subgrid-data .ui-th-column 上设置background CSS 样式,例如覆盖列标题中使用的默认背景图像和背景颜色。
例如 the following demo 只需删除默认背景图像并将 yellow 设置为以下 CSS 的背景颜色
.ui-jqgrid .subgrid-data .ui-th-column { background: yellow }
结果如下图所示
更新:可以考虑从子网格中删除列标题。例如,如果子网格只有一列(可以在子网格中另外使用autowidth: true 选项)或子网格与主网格具有相同的列标题,这可能会很有趣。请参阅the answer 了解更多信息。