如何在jqGrid中更改字体大小？

Question

它已经在ui-lightness下运行。我该如何更改网格内的字体大小？

请给予建议。

谢谢。

- Kim Stacks

Answer 1

在jqGrid论坛上有一篇很好的帖子介绍了如何做到这一点。

基本上，您可以像Mano建议的那样直接修改CSS文件，或者如果您需要更多的灵活性，可以创建自己的内联样式。例如：

.ui-jqgrid {font-size:0.8em}

如果您创建了内联样式，则可能需要将其更具体化，以选择网格行：

.ui-jqgrid tr.jqgrow td {font-size:0.8em}

- Justin Ethier

---

抱歉回复晚了。迟到总比不到好。我甚至都忘记了为什么要问那个问题。很奇怪。希望这能帮助其他人。 - Kim Stacks

Answer 2

在 `ui.jqgrid.css` 中的第一行是这样的：

 .ui-jqgrid{position:relative;font-size:11px;}

将字体大小更改为所需的大小。

- Mano

Answer 3

最近我为jqGrid的4.5.4版本做了这件事，并且不仅需要覆盖父级.ui-jqgrid选择器。在本例中，我想要网格中任何地方的所有文本都是12px而不是默认值11px：

/* Bump up the font-size in the grid */
.ui-jqgrid,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-pg-input {
    font-size: 12px;
}

请注意，这是在单独的CSS文件中完成的，而不是通过直接编辑打包的CSS文件来完成的。

- Cᴏʀʏ

Answer 4

你可以通过引用网格名称并使用aria-describedby属性来格式化特定的网格列。例如：

#Mygrid td[aria-describedby="Mygrid_myspecialcolumnname"] { font-size: 14px; }

你可以在这里阅读有关aria-describedby的更多信息： http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

- echo

Answer 5

在最新版本的Guriddo_jqGrid_JS_4.8.2中，为了改变网格行元素的字体样式，只需要进行这一个更改 - 在ui.jqgrid.css文件中。

.ui-jqgrid tr.jqgroup td {font-weight: bold; font-size: 12px;}

- dupree

Answer 6

请删除此帖子 - 它与另一个产品（jsgrid）有关，并且下面的解决方案会使jqGrid的用户感到困惑。

截至2021年9月，对我有效的方法是：

.jsgrid table {font-size: XX; }

table {} 也可以使用，但出于明显的原因最好更具体一些。

或者，.jsgrid td 或 .jsgrid tr 也可以使用。

- jackpot

---

这个问题与 jqGrid 有关，而不是 jsgrid，两者非常不同。 - Tony Tomov