【问题标题】:Change only jqGrid Subgrid header styles仅更改 jqGrid 子网格标题样式
【发布时间】:2014-06-26 05:59:58
【问题描述】:

我有 jqgridGrid 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 了解更多信息。

【讨论】:

  • 如何更改 subGrid 标题文本颜色?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-12-18
  • 1970-01-01
相关资源
最近更新 更多