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

Posted 2023-03-06

【中文标题】如何更改 jqGrid 中的字体大小？

【英文标题】：How to change the font size in jqGrid?

【发布时间】：2010-12-13 06:10:52

【问题描述】：

它已经以 ui-lightness 运行。如何更改网格内的字体大小？

请指教。

谢谢。

【参考方案1】：

jqGrid Forum 上有一篇很棒的帖子。

基本上，您可以按照 Mano 的建议直接修改 css 文件，或者如果您需要更大的灵活性，也可以创建自己的内联样式。例如：

.ui-jqgrid font-size:0.8em

如果您确实创建了内联样式，您可能需要使其更具体地拾取网格行：

.ui-jqgrid tr.jqgrow td font-size:0.8em

【讨论】：

对迟来的上涨感到抱歉。迟到总比不到好。我什至忘记了我为什么问这个问题。诡异的。希望这对其他人有所帮助。

【参考方案2】：

ui.jqgrid.css 的第一行是这样的：

 .ui-jqgridposition:relative;font-size:11px;

将字体大小更改为您需要的大小。

【参考方案3】：

我最近为 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 文件。

【参考方案4】：

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

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

您可以在此处阅读有关 aria- describeby 的更多信息： http://www.w3.org/TR/WCAG-TECHS/ARIA1.html

【参考方案5】：

在最新版本 - Guriddo_jqGrid_JS_4.8.2 中，为了改变 grid-row 元素的字体样式，这一项改变对我有用 - 在 ui.jqgrid.css 中

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

【参考方案6】：

请删除此帖子 - 它与另一个产品（jsgrid）有关，下面的解决方案会使 jqGrid 的用户感到困惑

截至 2021 年 9 月，对我有效的方法是：

.jsgrid table font-size: XX; 

table 也可以，但出于显而易见的原因，最好更具体一些。

或者，.jsgrid td 或 .jsgrid tr 也可以使用

【讨论】：

你的问题是关于 jqGrid 而不是 jsgrid，这很不一样