如何更改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;}