Question

我的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

Answer 1

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

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

如果添加上述内容，它将修改所有jqgrid表的标题样式。如果你想限制只有这个表，那么你需要添加父div然后像下面一样引用你的类。假设我有一个带有id的父div，名为＆＃34; sampletablediv＆＃34;

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

Have a Fiddle

Html表与JQgrid一起使用表类

1 个答案: