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

它已经与ui-lightness一起运行了。 如何更改网格内的字体大小?

请指教。

谢谢。

在jqGrid论坛上有关于此的优秀post。

基本上你可以做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; } 

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

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

#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;}