title: Change background color after show the invisible columns in JQuery Datatables
body: <p>There are around 50 columns in my table, and I hide thirty columns initially when the table is created in order to speed up the loading process.
  The user can set the columns visible later.</p>
  <p>I use rowCallback to set up the background color of cells if the value of cell is greater than 0.</p>
  <p>It only works well in the visible columns but not works for the invisible columns.</p>
  <p>my code</p>
  <pre><code>var cols = [...]; // 50 columns 
  var table = $('#example').DataTable({
     &quot;data&quot;:data,
     &quot;columns&quot;:cols,
     &quot;columnDefs&quot;: [{&quot;targets&quot;:[20,22,23,...49], &quot;visible&quot;:false}],
     &quot;rowCallback&quot;: function (row, data) {
       for (let i =0; i &lt; cols.length; i++) {
          if (data[i] &gt; 0) {
            $(row).find('td:eq(' + i + ')').css('background-color', '#B6E0FF');
          }
       }
     }
  }); 
  </code></pre>
  <p>The result looks good.</p>
  <p>When I set the invisible column to visible,</p>
  <pre><code>table.column(20).visible(true);
  </code></pre>
  <p>The 20th column is visible now, but the background color of cells are not changed.</p>
  <p>How do I fix this problem?</p>