title: Vuetify v-data-table does not update pagination
body: <p>I have a problem with a v-data-table that does not seems to update the totalt numbers of elements in the data-table (pagination):</p>
  
  <pre><code>this.$http.post('Ajax/get_rows',
  {
      search:self.search,
      rows_per_page:self.pagination.rowsPerPage,
      current_page:self.pagination.page
  })
  .then(function(response)
  {
      self.files = response.data.files.data;
      self.pagination.totalItems = response.data.files.total;
      self.total = response.data.files.total;
      console.log(self.pagination);
      console.log(response.data.files.total);
      console.log(response.data.files);
  },
  function(error)
  {
      self.dialog_header = error.body.header;
      self.dialog_message = error.body.message;
      self.display_dialog = true;
  })
  .then(function ()
  {
  
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;v-data-table :headers="file_headers" :items="files"
                 :search="search" class="elevation-1"
                 :custom-sort="dateSort"
                 :total-items="total"
                 rows-per-page-text="Rows per page"
                 :pagination.sync="pagination"&gt;
  </code></pre>
  
  <p>In the object declaration totalt is set to 0.</p>
  
  <p>The response from the server says:</p>
  
  <pre><code>current_page: 1
  from: 1
  last_page: 155
  per_page: 25
  prev_page_url: null
  to: 25
  total: 3870
  </code></pre>
  
  <p>So the total seems correct, but does not get updated in the v-data-table. It only shows a '-' sign.</p>
  
  <p>The pagination object seems to be set correctly:</p>
  
  <pre><code>descending: false
  page: 1
  rowsPerPage: 5
  sortBy: "date"
  totalItems: 3870
  </code></pre>
  
  <p>What could be the problem?</p>
  
  <p>Thanks for any help!</p>