jquery - 为 Jquery-Jtable 定义单元格样式

Question

将 jquery-Jtable 的结果返回给客户端后，在表标记处生成我们需要的字段，但我想为表的最后一列或 Jquery Jtable 选项中的最后一个字段定义 css，我的意思是“状态”列具有以下背景：

if status==1 bgcolor:red , 

if status==2 bgcolor:green ,

if status==3 bgcolor:yellow ,

所以我写了这段代码：

fields: {
    Status: {
        title: 'RequestStatus',
        width: '4%',
        display: function( data ) {
            ???
        }
    }
}

Answer 1

根据 jTable API 参考，listClass您可能正在寻找对单个表格单元格进行样式化的方法。

listClass，字符串，默认值：无

一个字符串值，可以设置为表格中此字段（td 元素）的一个单元格的类/类。因此，您可以对表格中的字段进行样式化。

http://www.jtable.org/ApiReference#fopt-listClass

Answer 2

这是一种使用条件逻辑允许在单元格上自定义样式的方法：在 jTable 中为每一行和字段（单元格）使用显示选项，以下代码示例演示了我的意思：

      <style> 
       .redCell
        {
        } 
      </style>

           //---attribute for J table fields   

       display : function(data){
                     if(data.record.status=="1" return "<div class='redCell'>" + data.record.StatusTitle +"</div>";
                     if ... 
                        ... 
                    }