Set background color of row ui table for different data

Dashboard
2

I tried to apply line of codes below as what I read on Examples for node-red-node-ui-table - #85 by deme

var key = Object.keys(msg.payload[0]);
var arr = [];
var col = [];

for(i = 0; i <key.length; i++){
    arr = {
        "title": key[i],
        "field": key[i],
        "headerFilter": "input"
    }
    col.push(arr)
}

msg.ui_control = 
{
    "tabulator": {
        "columns": col,
        
        "rowFormatter": "function(row){     var data = row.getData();    switch (data.$Hand Size) {         case \"7\":             row.getElement().style.backgroundColor = \"#B48439\";             row.getElement().style.color = \"#B48439\";             break;}}",
        
    }
}
return msg;

Basically I just add the last line of rowFormatter to catch data from sql and if the Hand Size column is 7, it will have background color as mentioned. However, the data on table no longer appear.
Any help will greatly appreciated. Thank you