Question

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

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

为Jquery-Jtable定义单元格样式

2 个答案: