如何将 CSS 类设置为 JQGrid？

Posted 2023-02-19

【中文标题】如何将 CSS 类设置为 JQGrid？

【英文标题】：How to set CSS Class to JQGrid?

【发布时间】：2013-02-21 15:18:09

【问题描述】：

我正在开发一个带有 JQGrid 的网站。我也在把桌子变成PDF。我想在每个页面上显示表格标题，以便 PDF 转换器需要将 CSS 表格的属性 THEAD 标记设置为“display:table-header-group”。

那么如何在 JQGrid 中设置那个 CSS 属性呢？

谢谢。

【问题讨论】：

如果您检查 jqGrid 创建的网格的结构，您会看到其中包含 multiple 潜水，其中包含 multiple 表。您要更改哪个表的哪个<thead>？此外，我对display:table-header-group CSS 样式没有足够的经验，但是如果您使用一些其他元素作为<table>，它看起来会更有帮助。例如，您可以使用<p> 或<div> 元素并显示接近<table> 的结构。所以我不明白你使用display:table-header-group的目标是什么。

【参考方案1】：

<rows>
<page>1</page><total>1</total><records>2</records>
    <row id='13'>
        <cell>1.00</cell>
        <cell class='ui-state-error'>15.00</cell>
        <cell>9.00</cell>
    </row>
    <row id='12'>
        <cell>1.00</cell>
        <cell>2.00</cell>
        <cell class='ui-state-highlight'>1.15</cell>
    </row>
</rows>


 cellattr: function () 
    var c = $('cell:eq(1)', arguments[2]).attr('class');
    return c ? " class='" + c + "'": "";

查看thread