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

标签 jquery jqgrid subgrid

我有jqgridGrid as Subgrid。我只想为子网格设置不同的标题样式(例如背景颜色)。

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

如何只更改子网格标题样式?

enter image description here

最佳答案

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

例如the following demo只需删除默认背景图像并将黄色设置为以下 CSS 的背景颜色

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

结果如下图所示

enter image description here

更新:可以考虑从子网格中删除列标题。例如,当子网格只有一列时(可以在子网格中另外使用 autowidth: true 选项)或者子网格具有相同的列标题,这可能会很有趣em> 就像主网格一样。请参阅the answer了解更多信息。

关于jquery - 仅更改 jqGrid 子网格标题样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24423369/

相关文章:

jquery - 从字符串 jQuery 中提取前 n 个单词,jQuery 中的 WordPress 样式摘录(x 单词数)

javascript - 在这种情况下,如何使“加载更多”按钮起作用?

jquery - jqGrid : issue loading nested sub grid with local datatype

jquery - 如何从ajax数据中选择行

javascript - Jqgrid 的 Excel 类型过滤器弹出窗口

javascript - 在 Dynamics CRM 2011 中使用 JavaScript 读取子网格的所有记录,无论事件页面如何

javascript - 从主网格获取数据以填充子网格

c# - 异步 Controller 通过 jQuery 阻止 ASP.NET MVC 中的请求

jquery - jquery 中的函数(事件)与函数()

jquery - 如何在 jqgrid 中插入自定义行以及如何将它们保留在排序列上?