Easyui改变单元格背景颜色和字体颜色

styler:改变单元格样式

formatter:改变显示的内容

//改变单元格背景颜色实例
{
                     field: 'deadline', title: '排班截止日期', align: 'center', halign: 'center',  fixWidth(0.15),
                     styler: function (value, row, index) {
                         var date2 = new Date().getTime();
                         var date1 = Date.parse(value);
                         var interval = (date1 - date2) / (24 * 3600 * 1000);
                         if (interval < 30) { return 'background-color:red;' }
                         else if (interval > 30 && interval < 60) { return 'background-color:orange;' }
                     }, formatter: function (value, row, index) { return formatDate(value, "yyyy-MM-dd"); }
                 },

//改变内容

{
                     field: 'Status', title: '排班状态', align: 'center', halign: 'center',  fixWidth(0.15),
                     formatter: function (value, row, index) {
                         if (value == "未排班") {
                             return "<span style='color:red;'>" + value + "</span>"
                         } else if (value == "部分排班") {
                             return "<span style='color:orange;'>"+value+"</span>"
                         } else {
                             return "<span>" + value + "</span>"
                         }
                     }
                 },