title: Auto refresh DataTables table with reloading the whole page
body: <p>Is anyone able to guide on how to refresh datatables datas in every 1min interval without reloading the entire page.</p>
  
  <p>This is my code:</p>
  
  <pre><code>$(document).ready( function () {
             var refreshTable = $('#id_css').DataTable({
                  "sAjaxSource": 'ajax/alert_data.txt',
                  "bServerSide": true,
                  "iDisplayLength": 100,
                  "bFilter": false,
                  "aaSorting" : [[2, "desc"]],
                  "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
                      if ( aData[2] == "5" )
                      {
                          $('td', nRow).css('background-color', 'Red');
                      }
                      else if ( aData[2] == "4" )
                      {
                          $('td', nRow).css('background-color', 'Orange');
                      }
                   }
  
                });
  setInterval (function test() {
  refreshTable.fnDraw();
  }, 1000);
   });
  </code></pre>
  
  <p>I have tried using this plugin <strong>fnReloadAjax.js</strong> but keep getting <strong>TypeError: refreshTable.fnReloadAjax is not a function</strong>. This is how I used it:</p>
  
  <pre><code>setInterval (function test() {
  refreshTable.fnReloadAjax();
  }, 1000);
  </code></pre>
  
  <p>and i have also added its cdn</p>
  
  <pre><code>&lt;script src="//cdn.datatables.net/plug-ins/725b2a2115b/api/fnReloadAjax.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Any assistance or guide will be much appreciated.</p>