Changing font color of cell contents

dbren

Hello. I'm trying to change the font color of contents in cell. For example if cell contents of "ready" is <= 10 change color to red.

Code example-

$(document).ready(function() {
$('#demo').html( '

' );

table = $('#example').DataTable( {

retrieve: true,
paging: true,
stateSave: true,

    "data": dataSet,
    "columns": [
    { "title": "State" },
    { "title": "Ready" },
    { "title": "Not Ready", "class": "center" },
    { "title": "Busy", "class": "center" },
    { "title": "Logged Out", "class": "center" },
    { "title": "Total", "class": "center" }
    ]
} );   

} );

Thank you!!!

ThomD

http://datatables.net/examples/advanced_init/row_callback.html

dbren

I saw this but dont know how to fit it into my code. Kind of a newb here.

ThomD

Add this to your datatables config.

 createdRow: function ( row, data, index ) {
            if ( data[2] < 10 ) {
                $('td', row).eq(2).addClass('alert');
            }
        }

You'll need to define a style in your css for

.alert {
  background-color: red;
}

dbren

I dont have a datatables config. That I know of..

ThomD

I meant the in line options you defined when you invoke dataTables. Put it after your

data: DataSet,