jquery - 仅更改 jqGrid 子网格标题样式

Question

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

我试图改变.ui-jqgrid-htable,.ui-widget-header类，但它影响了主网格和子网格标题。

我怎样才能只更改子网格标题样式？

Answer 1

例如，您可以设置backgroundCSS 样式.ui-jqgrid .subgrid-data .ui-th-column以覆盖列标题中使用的默认背景图像和背景颜色。

例如，下面的演示只是删除了默认的背景图像，并设置yellow为关于以下 CSS 的背景颜色

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

结果如下图所示

更新：可以考虑从子网格中删除列标题。例如，如果子网格只有一列（可以autowidth: true在子网格中另外使用选项）或子网格具有与主网格相同的列标题，这可能会很有趣。有关更多信息，请参阅答案。