在easyui datagrid中更改单元格颜色

时间:2016-01-05 08:47:38

标签: jquery datagrid background-color

Hellow,我想根据条件更改单元格颜色,如果数据库中任何具有空值的单元格,则背景颜色会发生变化。

在easyui教程中,我们可以更改背景颜色行。像这样:

 $('#tt').datagrid({
    rowStyler:function(index,row){
    if (row.listprice>50){
    return 'background-color:pink;color:blue;font-weight:bold;';
    }
    }
    });

但如何更改单元格中的颜色?

1 个答案:

答案 0 :(得分:1)

<th field="listprice" formatter="formatListprice">listprice</th>

function formatListprice(val,row){
    if (val > 50){
        return '<span style="background-color:pink;color:blue;font-weight:bold;">'+val+'</span>';
    } else {
        return val;
    }
}