Question

Morning,

I am setting the class of a td when i return data from the database to show changes/updates.
On one of the returned fields i have 4 options and i need to change the css class of that field depending on the result.

 "<td" + (res.prodPublished ? "" : " class='updated'") + ">" + res.prodPublished + "</td>" 

I am currently using the above, which is ok if you have just true or false. I however have…
True, False, Processing, New.

How can i change the class, depending on these options?

Thanks in advance.

Answer 1

With a js function?

function get_cell_class(type) {
    if(type == "True") {
        return " class='updated'";
    }

    if(type == "False") {
        return " class='class_2'";
    }

    ..
}

Then within your HTML code:

"<td" + get_cell_class(res.prodPublished) + ">" + res.prodPublished + "</td>"

Method 2:

Or you can just make CSS classes of the values:

.my_css_true {
    color: blue;
}

.my_css_updated {
    color: orange;
}

Then in HTML:

"<td class=\"my_css_" + res.prodPublished + "\">" + res.prodPublished + "</td>"

Hope this helps!