How does DataTable drawCallback work?
<p>I am trying to apply <code>CSS</code> to each of the <code>DataTable</code> cells based on its value, using the <code>drawCallback()</code>.The CSS gets applied to a few cells and not all. Here is the <a href="https://jsfiddle.net/w3tapzpj/" rel="nofollow">JsFiddle</a> to my issue.Has anyone come across this issue and found a solution or have any ideas on this.Please suggest!</p>

<pre><code>  "drawCallback": function( settings ) {
        var api = this.api();
        var visibleRows=api.rows( {page:'current'} ).data();
        if(visibleRows.length &gt;= 1){
        for(var j=1;j&lt;visibleRows[visibleRows.length -1].length;j++){
          $("td:eq("+j+")", settings.nTBody.childNodes[visibleRows.length -1]).addClass(visibleRows[visibleRows.length -1][j]);
        }
        }
    },
</code></pre>