title: Refresh Datatable with new data
body: <p>I have a table at which I am using jQuery Datatable. The table is being updated every 15 seconds with new data. I am using the latest version of Datatable. </p>
  
  <p>How can I re-initialise the Datatable with new data without using clear method, which impacts the UI?</p>
  
  <p>My Code:</p>
  
  <pre><code>jQuery.ajax({
      type: 'POST',
      url: /list_tasks',
      data: ajaxData,
      spinner: true,
      success: function (response) {
          $('#task_table').html(response.html)
          if ( $.fn.DataTable.isDataTable('#task_table')) {
              $('#task_table').DataTable().destroy();
          }
          var dataTable=$('#task_table').DataTable({
              deferRender:true,
              destroy: true,
              scrollCollapse: true,
              scroller:       true,
              scrollY:        "200px",
              bFilter:false,
              bInfo: false,
              bLengthChange:false,
               initComplete: function(settings, json) {
  
              },
              fnDrawCallback:function(){
  
              }
          });        
      }   
  });
  </code></pre>