jQuery插件的標題/頁面中的字體大小JGrid

作爲jgrid的新用戶...並且相對較新的jQuery，我遇到了一個我真的無法深究的問題。jQuery插件的標題/頁面中的字體大小JGrid

我在我的jGrid的列標題和頁面/頁腳內的字體大小有問題。

其中可以看出的URL是http://www.upland.co.uk/hcs/

我現在已經通過添加類「UI-的jqGrid」的表中本身校正在網格的行的字體大小。但是，我仍然遇到了網格標題和頁面的CSS問題。

即 - 尋呼機和標題太大...並且尋呼機頁碼錯位。任何意見，將不勝感激。

這是觀看谷歌瀏覽器

感謝

這是我在Chrome瀏覽器開發工具看到：

font-size: 16px; 
table - medium      user agent stylesheet 
table - medium      user agent stylesheet 
.ui-jqgrid - 11px     ui.jqgrid.css:2 
.ui-widget - 1.1em     jquery-ui-1.8.16.custom.css:59 
html, body - 75%     /admin 
html, body - 75%     /admin

（全部來自最上面兩行劃掉開）

來源

2011-11-25 Upland

您應該使用DOM檢查器。 Chrome內置了一個，您可以使用CTRL + SHIFT + I或通過右鍵單擊頁面上的某個元素並轉到檢查元素來訪問它。

通過這樣做，例如在你的表頭的單元格，你可以看到，使標題的類是：

class="ui-state-default ui-th-column ui-th-ltr"

所以我認爲這些類中的一個具有字體大小修改，如果不是你可以強制你喜歡的字體。

編輯：有點進一步調查它沒有出現任何這些是罪魁禍首。默認的webkit（Chrome）font-size是16px（這是你的TH單元格）。只需在上面提到的任何類中指定您自己的尺寸，或者使用th元素或ui-jqgrid-sortable這是您的可點擊列標題用於排序的類。

來源

2011-11-25 01:10:25 Terry

謝謝你的建議。我使用Chrome中的開發工具進行了檢查，並進行了您所建議的更改 - 但似乎仍然存在問題（底部的尋呼機）。我在CSS中設置了字體屬性，但它們似乎被代理樣式表所覆蓋：（請參閱上面的編輯） – Upland

通過爲表設置字體大小來固化它，但仍不確定爲什麼將它設置爲整個電網沒有工作。 – Upland

jQuery插件的標題/頁面中的字體大小JGrid

回答

相關問題