title: Reloading a datatable without refreshing with ajax
body: <p>I have a datatable in a tab that is loaded from data sended by the controller on index method.</p>
  
  <pre><code>$data = array(
      'documents'      =&gt; $this-&gt;getDocuments(),
       //more stuff...
  );
  
  $this-&gt;load-&gt;view($this-&gt;config-&gt;item('groupViews') . 'example/example_edit_view', $data);
  </code></pre>
  
  <p>I have the view for loading the datatable</p>
  
  <pre><code>&lt;div class="form-group col-md-12"&gt;
      &lt;table
          id="t_documents"
          class="table table-striped table-bordered table-hover"
          cellspacing="0"
          width="100%"&gt;
       &lt;/table&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>then I load the datatable in javascript when the page is loaded</p>
  
  <pre><code>var documentos = &lt;?php echo json_encode($documents); ?&gt;;
      if ( documentos !== null){
          var table = $('#t_documents').DataTable( {
              language: {
                  "url": "&lt;?=trad($this,'LANG_DATATABLES');?&gt;"
       },
       data: documents,
       paging: true,
       ordering: true,
       pageLength: 10,
       columns: [
           { title: "" },    //Download button
           { title: "&lt;?=trad($this,'FILE_NAME');?&gt;" },
           { title: "&lt;?=trad($this,'FILE_TYPE');?&gt;" },
           { title: "" }     //Delete button
       ]
     });
  }
  </code></pre>
  
  <p>I have a delete function too. How can I reload the data (using ajax for getting the data from controller again) without reloading the page? </p>