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

它已经在使用ui轻量级运行。如何更改网格内的字体大小

请告知

---

谢谢。

ui.jqgrid.css中的第一行是：

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

---

将字体大小更改为您需要的大小。

网站上有一篇关于这方面的精彩文章

基本上，您可以按照Mano的建议直接修改css文件，或者如果需要更大的灵活性，也可以创建自己的内嵌样式。例如：

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

如果确实创建了内联样式，则可能需要使其更具体地拾取网格行：

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

---

您还可以通过在自定义css中按网格名称引用特定网格列来设置其格式，并使用aria describedby属性以特定列为目标。例如：

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

#Mygrid td[aria descripebby=“Mygrid\u myspecialcolumnname”]
{
字体大小：14px；
}

您可以在此处阅读有关aria的更多信息：

---

我最近为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文件。

在最新版本-Guriddo_jqGrid_JS_4.8.2中，为了更改网格行元素的字体样式，仅此一项更改对我有效-在ui.jqGrid.CSS中

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

---

很抱歉最近的上涨。迟到总比不做好我甚至忘了我为什么问这个问题。奇怪的希望这能帮助其他人。