仅更改jqGrid子网格标题样式

时间:2014-06-26 05:59:59

标签: jquery jqgrid subgrid

jqgridGrid as Subgrid。我希望只为子网格提供不同的标题样式(比如背景颜色)。

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

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

enter image description here

1 个答案:

答案 0 :(得分:3)

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

例如the following demo只需删除默认背景图片,并将yellow设置为关于以下CSS的背景颜色

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

结果如下图所示

enter image description here

更新:可以考虑从子网格中删除列标题。有趣的是,例如,当子网格只有一列时(另外一个可以在子网格中使用autowidth: true选项)或者当子网格具有相同的列标题时网格。有关详细信息,请参阅the answer