What's the best way to greyout a row based on column content

tien

So I have a column to display a icon of Active/Inactive, whenever it's inactive, I want to have the entire row greyout.

This is what I do to make it happen but every time when I click next page, it does not work again. Is there a event fires everytime when the table is rendered? or what's the best way of doing this task.

"initComplete": function () {
$('#users tbody td i.greyout').closest('tr').addClass('greyout')
}

Many thanks

Tom (DataTables)

If your data is not going to change you can use createdRow to alter the row node in some way, ie adding a class.
If it will change you would have to use rowCallback instead.

Thanks

Tom