title: Vuetify v-data-table not responsive when using v-slot:body
body: <p>Vuetify v-data-table not stacking on mobile devices when using v-slot:body</p>
  
  <p>How can I get the data table to stack if it implements the body v-slot? As can be seen in the Vuetify documentation this is how a normal v-data-table behaves:</p>
  
  <p><a href="https://i.stack.imgur.com/l3KZv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/l3KZv.png" alt="Stacked table"></a></p>
  
  <p>And this is how it behaves when using body slot:</p>
  
  <p><a href="https://i.stack.imgur.com/cLvHA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cLvHA.png" alt="Not stacked table"></a></p>
  
  <p>Thank you.</p>