title: Adding custom scrollbars to vuetify data tables
body: <p>I am trying to add <code>perfect-scrollbar</code> to vuetify's data tables. So I have to wrap the data table inside the <code>perfect-scrollbar</code> component like this - </p>
  
  <pre><code>&lt;perfect-scrollbar&gt;
    &lt;v-data-table :headers="headers" :items="data" /&gt;
  &lt;/perfect-scrollbar&gt;
  </code></pre>
  
  <p>The problem is that its also wrapping the data-table footer. I want to wrap only the data of table within <code>perfect-scrollbar</code> component. So that only data is scrollable and footer remains there.</p>
  
  <p>Now it looks like this -
  <a href="https://i.stack.imgur.com/xKckT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xKckT.png" alt="enter image description here"></a></p>