增加 JQGRID 的行宽、列标题文本颜色和 Caption 文本大小

Posted 2023-05-08

【中文标题】增加 JQGRID 的行宽、列标题文本颜色和 Caption 文本大小

【英文标题】：Increase the row width, column header text color and Caption text size of JQGRID

【发布时间】：2018-02-11 07:35:07

【问题描述】：

我已经编写了一个代码，它将从 db 中获取数据并显示在 JQGRID 表中。

我想增加 jqgrid 中每一列的行宽。 我该怎么做？

有这样的功能吗？ 我还想更改列标题的文本颜色。 我希望列的文本颜色为白色，背景为蓝色。

所以基本上我想做以下事情：

增加/改变JQgrid中每一列的行宽。

更改列标题的文本颜色。

更改 JQgrid 标题的文本大小我希望它比平时稍大。

【问题讨论】：

就像玩css一样简单。找到与该行相关的类。覆盖该类以赋予它一些宽度 =)

谢谢@ecKO，但我如何在 jqgrid 中找到行的类。我是新手，所以我不确定

@RajeshKrishna：您使用的是 jqGrid 的哪个 版本，以及 jqGrid 的哪个 fork（free jqGrid、商业 Guriddo jqGrid JS 或旧的 jqGrid在版本 all 列的宽度？您是在colModel 中使用width 属性还是真的需要动态地 更改宽度？

【参考方案1】：

感谢您的回复，我得到了答案。

我自己找到了这个答案:)

.ui-jqgrid tr.jqfoot>td, .ui-jqgrid tr.jqgroup>td, .ui-jqgrid tr.jqgrow>td 
    padding: 10px 2px 10px 2px;