为Jquery-Jtable定义单元格样式

Question

在将jquery-Jtable的结果返回给客户端之后,在表标记处生成我们需要的字段,但是我想为表的最后一列定义css或者在Jquery Jtable选项中定义我的字段,我的意思是"status"列具有背景:

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,string,默认值:none

一个字符串值,可以设置为表中此字段(td元素)的单元格的类/类.因此,您可以对表格中的字段进行样式化.

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

Answer 2

这是一种通过使用条件逻辑在单元格上允许自定义样式的方法:在每个行和字段(单元格)中使用jTable中的display选项,以下代码示例演示了我的意思:

      <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 ... 
                        ... 
                    }