easyui DataGrid中格式化列，如果单价低于20，则使用定义列formatter为红色文本。

格式化DataGrid列，我们应该设置formatter属性，这个属性是一个函数。格式化函数包括两个参数：

· value: 显示字段当前列的值

· record: 当前行记录数据 

Markup

<table id="tt"></table>

jQuery

$('#tt').datagrid({

    title:'Formatting Columns',

    width:550,

    height:250,

    url:'datagrid_data.json',

    columns:[[

        {field:'itemid',title:'Item ID',width:80},

        {field:'productid',title:'Product ID',width:80},

        {field:'listprice',title:'List Price',width:80,align:'right',

            formatter:function(val,rec){

                if (val < 20){

                    return '<span style="color:red;">('+val+')</span>';

                } else {

                    return val;

                }

            }

        },

        {field:'unitcost',title:'Unit Cost',width:80,align:'right'},

        {field:'attr1',title:'Attribute',width:100},

        {field:'status',title:'Status',width:60}

    ]]

});