Question

作为jgrid的新用户...而且对jquery来说相对较新，我遇到了一个我无法深究的问题。

我的jGrid列标题和分页器/页脚中的字体大小有问题。

可以看到的网址是http://www.upland.co.uk/hcs/

我现在通过向表格本身添加一个“ui-jqgrid”类来更正网格行中的字体大小。但我仍然有CSS标题和网格寻呼机的问题。

ie - 寻呼机和标题太大......寻呼机页码错位。任何建议将不胜感激。

这是在谷歌浏览器中查看

由于

这是我在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

（除前2行外全部划掉）

Answer 1

您应该使用DOM检查器。 Chrome内置了一个，您可以使用CTRL + SHIFT + I或右键单击页面上的元素并转到Inspect Element来访问它。

例如，在表格标题单元格中，您可以看到生成标题的类：

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

所以我假设其中一个类有字体大小修饰符，如果没有，你可以根据自己的喜好强制使用字体。

编辑：经过进一步的调查，似乎没有任何一个是罪魁祸首。默认的webkit（Chrome）字体大小为16px（这是您的TH单元格）。只需在我上面提到的任何类或th元素或ui-jqgrid-sortable中指定您自己的大小，这是您的可点击列标题用于排序的类。

jQuery插件JQGrid的heading / pager中的字体大小

1 个答案: