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

Question

它已经在用轻盈的方式运行。如何更改网格内的字体大小？

请指教。

谢谢。

Answer 1

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

基本上，你可以做Mano建议并直接修改css文件，或者如果你需要更多的灵活性，你可以创建自己的内联风格。例如：

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

如果你创建一个内联风格，你可能需要使其更具体拿起网格行：

​​

Answer 2

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

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

更改字体大小到你所需要的。

Answer 3

您还可以通过在引用它格式化特定的网格列您的自定义CSS通过网格名称并使用aria-describeby属性来定位特定列。例如：

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

你可以阅读更多关于ARIA-describedby这里： http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

Answer 4

最近，我这样做是为了在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文件进行，而不是。

Answer 5

在最新版本 - Guriddo_jqGrid_JS_4.8.2，序改变网格行元素的字体样式，仅这一项变化为我工作 - 在ui.jqgrid.css

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