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

有一个很好的帖子关于这个 jqGrid Forum .

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

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

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

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

ui.jqgrid.css

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

根据需要更改字体大小。

我最近为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;
}

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

你可以在这里阅读更多关于咏叹调的描述: http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

在最新版本-Guriddo_jqGrid_JS_4.8.2中,为了更改网格行元素的字体样式,在ui.jqGrid.css中,这一更改对我有效

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