2009-11-05 179 views

回答

27

關於這個jqGrid Forum有一個很好的帖子。

基本上,你可以做Mano建議並直接修改css文件,或者如果你需要更多的靈活性,你可以創建自己的內聯風格。例如:

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

如果你創建一個內聯風格,你可能需要使其更具體拿起網格行:

​​
+1

抱歉晚晚節節攀升。遲到總比不到好。我甚至忘記了爲什麼我問這個問題。奇怪的。希望這可以幫助其他人。 – 2011-02-24 15:00:33

+0

沒問題 - 謝謝! – 2011-02-24 15:09:52

6

ui.jqgrid.css的第一行是這樣的:

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

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

1

您還可以通過在引用它格式化特定的網格列您的自定義CSS通過網格名稱並使用aria-describeby屬性來定位特定列。例如:

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

你可以閱讀更多關於ARIA-describedby這裏: http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

2

最近,我這樣做是爲了在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文件進行,而不是。

0

在最新版本 - Guriddo_jqGrid_JS_4.8.2,序改變網格行元素的字體樣式,僅這一項變化爲我工作 - 在ui.jqgrid.css

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