仅更改jqGrid子表头样式

Question

仅更改jqGrid子表头样式

jqueryjqgridsubgrid

3

我有一个jqgrid和Grid as Subgrid。我想仅为子网格设置不同的标题样式（例如背景颜色）。

我已尝试更改.ui-jqgrid-htable，.ui-widget-header类，但这会影响主网格和子网格标题。

如何仅更改子网格标题样式？ enter image description here

- malkam

你写到“header style”。你是指网格标题（如图所示：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_it_works）还是列标题？顺便说一下，你可以创建没有标题（网格标题）的子网格。我个人更喜欢这种节省空间的方式。 - Oleg

表头层（列标题）。我没有子网格的标题。 - malkam

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Oleg · Accepted Answer

你可以在 .ui-jqgrid .subgrid-data .ui-th-column 上设置 background CSS 样式，以覆盖列标题中使用的默认背景图像和背景颜色。

例如下面的演示只需删除默认背景图像并使用以下 CSS 将背景颜色设置为 yellow

.ui-jqgrid .subgrid-data .ui-th-column { background: yellow }

结果看起来像下面的图片。

enter image description here

更新：可以考虑完全移除子网格的列标题。例如，当子网格只有一列时（还可以在子网格中使用autowidth: true选项），或者当子网格具有与主网格相同的列标题时，这可能很有趣。更多信息请参见答案。