title: Vue js and Data Table Panigation not Working
body: <p>Ok, so unfortunately I have come across this issue. So first a little about specs of my app.
  I am using </p>
  
  <ol>
  <li><strong>Vue.js</strong></li>
  <li><strong>vue-resource.js</strong></li>
  <li><strong>jQuery</strong> </li>
  <li><strong>jQuery DataTables</strong></li>
  </ol>
  
  <p>Now because I'm grabbing the data through vue-resource, for some reason when the ajax call is final finished and vue imports the data to the table, <strong>datatables</strong> decides not to render pagination, and displays all 200 results on one page. Is there anyway to refresh <strong>datatables</strong> so it is rendered with pagination <strong>after</strong> it has been imported into the table? <br><br>
  <strong>My ajax call</strong>:</p>
  
  <pre><code>       this.$http.get('getDispachedEmails', function(data){
            console.log(data['orders']);
            this.customers.push(data['orders']);
            var dt = $('#myTable').DataTable();
          });
  </code></pre>
  
  <p><br>
  <strong>My Table:</strong><br></p>
  
  <pre><code>&lt;table id="myTable" class="u-full-width"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;Name&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Sex&lt;/th&gt;
        &lt;th&gt;Location&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr v-repeat="customers[0]"&gt;
        &lt;td&gt;@{{ firstName }}  @{{ lastName }}&lt;/td&gt;
        &lt;td&gt;@{{ email }}&lt;/td&gt;
        &lt;td&gt;@{{ trackingNumber }}&lt;/td&gt;
        &lt;td&gt;@{{ address }}&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strike><strong>EDIT</strong>
  I have found out that none of the functions work. If i try to select any row, the table is instantly cleaned. My model (vue model) still has all the objects inside. </strike></p>
  
  <blockquote>
    <p>SOLUTION: </p>
  </blockquote>
  
  <p>I just set a wait time to initiate data tables after I collect the data via ajax request. It's a little ghetto, but a least it works. If I find a better fix Ill edit this post. </p>
  
  <pre><code>this.$http.get('getDispachedEmails', function(data){
    console.log(data['orders']);
    this.customers.push(data['orders']);
    setTimeout(function(){$('#myTable').DataTable();}, 5000);
  
  });
  </code></pre>