Question

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

请告知。

谢谢。

Answer 1

jqGrid Forum上有关于此的优秀帖子。

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

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

如果您确实创建了内联样式，则可能需要更具体地选择网格行：

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

Answer 2

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

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

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

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文件。

Answer 4

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

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

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

Answer 5

在最新版本--Guriddo jqGrid _JS_4.8.2中，为了改变网格行元素的字体样式，只有这一个改变对我有用 - 在ui.jqgrid.css中

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

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

5 个答案: