Ligerui table control grid changes the color of rows (cells) according to the content

Methods the principle , By changing the font color of cells

 //------------------------------------------------------------------------------------------
    /** *  Process colors according to status  * @param row  Row data  * @param colName  Column name  * @param colVal  The value of the column  * row.colName  Need to be equal to  colVal * dealCol(item,"ASTATUS",item.ASTATUS)  Pay attention to the quotation marks ,ASTATUS One has one without  *  Competent people can continue to streamline my code  * @returns {*|string} */
    function dealCol(row ,colName, colVal) {
    
        //console.log(row);
        if(colName == "ASTATUS"){
     //1  Enable   Don't deal with  0  Undefined  2 Discontinue use   If this column , Return the corresponding dictionary value , And change the color 
            if(parseInt(row.ASTATUS) == 0){
    
                rs = "<span style='color:blue'>" + " Undefined " + "</span>";
            }else if(parseInt(row.ASTATUS) == 2){
    
                rs = "<span style='color:red'>" + " Discontinue use " + "</span>";
            }else if(parseInt(row.ASTATUS) == 1){
    
                rs =" Enable ";
            }else{
     // rest 
                rs = "<span style='color:deepskyblue'>" + " Discontinue use " + "</span>";
            }
        }else{
     // If not this column , Just change the color   The specification of changing the color is consistent with the above column 
            if(parseInt(row.ASTATUS) == 0){
    
                rs = "<span style='color:blue'>" + colVal + "</span>";
            }else if(parseInt(row.ASTATUS) == 2){
    
                rs = "<span style='color:red'>" + colVal + "</span>";
            }else if(parseInt(row.ASTATUS) == 1){
    
                rs =colVal;
            }else{
     // rest 
                rs = "<span style='color:deepskyblue'>" + colVal + "</span>";
            }
        }
        return rs;
    }   
    //-----------------------------------------------------------------------------------------

- Add the following code after the data in the column

, render: function(item){
     return dealCol(item,"ASTATUS",item.ASTATUS); }

The following is the code of the table

s_grid = $("#id1").ligerGrid({
    
        height: '100%'
        , method: 'get'
        , pageSize: 30
        , checkbox: true
        , isSingleCheck: true
        , rownumbers: true
        , autoFilter: false
        , enabledEdit: false        
        , url: '****'
        , parseData: function (res) {
    
            return {
    
                "Total": res.data.total,
                "Rows": res.data.list
            };
        }
        , columns: [
            {
    name: 'ID', width: 50, display: 'ID'}  , render: function(item){
     return dealCol(item,"ID",item.ID);}  ,
            , {
    name: 'ANAME', width: 200, display: ' Card name '  , render: function(item){
     return dealCol(item,"ANAME",item.ANAME);}     }
            , {
    name: 'ANUM', width: 180, display: ' Card number '   , render: function(item){
     return dealCol(item,"ANUM",item.ANUM);}    }
            , {
    name: 'ASTATUS', width: 60 , display: ' state ', render: function(item){
     return dealCol(item,"ASTATUS",item.ASTATUS);   }
            }        
        ]
        , toolbar: {
    
            items: [
                {
    text: ' increase ', click: doNew, icon: 'add'}         
            ]
        }
    });

How to change the background color of table cells , No attempt made