将 Html 表转换为带有表类的 JQgrid答案

【问题标题】：Html table into JQgrid with table classes将 Html 表转换为带有表类的 JQgrid
【发布时间】：2014-06-12 12:38:31
【问题描述】：

我的html表格如下

<table id="mytable">
 <tr><th> ID </th></tr>
 <tr class="danger"><td>1</td></tr>
 <tr class="info"><td>10</td></tr>
 <tr class="warning"><td>7</td></tr>
</table>

使用 jqgrid 我将表格转换为 jqgrid，如下所示

<script type='text/javascript'>
 $(document).ready(function(){
     tableToGrid("#mytable",{
      autowidth: true
  });
  });

但是当我刷新页面时，我的表转换为 jqgrid，但我的 tr 类没有出现在新转换的表中。我应该如何在 jqgrid 中添加我的 tr 类

JS小提琴链接如下 JSfiddle

【问题讨论】：

如果可能的话给我们小提琴链接
嗨@PandiyanCool 我在上面编辑的问题中添加了jsfiddle链接。在上面的演示中，当表转换为 jqgrid 时，我的类名删除

标签： jquery html jqgrid

【解决方案1】：

当你用 jqgrid 转换你的表格时，它会自动从你的表格中取出所有的类，它会一路添加它自己的类。假设如果你想修改你的标题样式，你只需要覆盖它们的类。在您的情况下，您需要使用以下类。

 .ui-th-column{
   color:red;
 }

如果添加以上内容，它将修改所有 jqgrid 表的标题样式。如果您只想限制到此表，那么您需要添加父 div 然后参考您的类，如下所示。假设我有一个 id 名为“sampletablediv”的父 div

 #sampletablediv .ui-th-column{
   color:red;
 }

Have a Fiddle

【讨论】：

嗨，这是我的错误，我将 js fiddle 链接更改为 jsfiddle.net/yogesh_0586/FkBZq/3
哦，好的。所以这是固定或动态表。我的意思是它将只有三行或多行。
它是动态表，如果所有行的第一个 td 包含以下数据，则动态生成行，然后如果 td = 单元格 11 然后 tr 类危险，td = 单元格 21 然后 tr 类警告并且如果 td，则类动态更改= 单元格 31 然后是 tr 类信息
因此您只分配前 3 行。之后没有课程分配。我说的对吗？
no no 如果任何 tr first td 具有上述标准，则根据 td 数据 tr 类将被更改。