title: How to show all items in Vuetify Data Table instead of 10 rows only?
body: <p>I'm using a <a href="https://vuetifyjs.com/en/components/data-tables/#data-tables" rel="noreferrer">data table</a> from Vuetify:</p>
  <pre><code>&lt;v-data-table
    :ref=&quot;`sortableTable${index}`&quot;
    class=&quot;items-table-container&quot;
    :headers=&quot;headers&quot;
    :items=&quot;category.items&quot;
    hide-default-footer&gt;
  
      ...custom rows
  
  &lt;/v-data-table&gt;
  </code></pre>
  <p>I noticed that when adding a new item to the table, it wasn't appearing. I verified that the items I'm passing it have 11 items, however the table is only displaying 10 max.</p>
  <p>When I looked at the wrapper surrounding the table, I noticed that it had:</p>
  <pre><code>overflow-x: auto;
  overflow-y: hidden;
  </code></pre>
  <p>however, I'm unable to override it for some reason. I've tried adding the <code>height</code> prop but nothing seems to work.</p>
  <p>How can I give the table an auto height, so that it expands no matter how many rows are in the table?</p>