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

【问题标题】：How to change the font size in jqGrid?如何更改 jqGrid 中的字体大小？
【发布时间】：2010-12-13 06:10:52
【问题描述】：

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

请指教。

谢谢。

【问题讨论】：

标签： javascript jquery css jquery-ui jqgrid

【解决方案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-jqgrid{position: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，这很不一样