title: Vuetify Expandable Data Table: Expand row position
body: <p>I'am experimenting with the expandable data table in Vuetify: <a href="https://vuetifyjs.com/en/components/data-tables#expandable-rows" rel="noreferrer">Vuetify docs</a></p>
  
  <p>We can use the <code>&lt;template v-slot:expanded-item="{ headers }"&gt;</code> template to customize the expanded item. </p>
  
  <p>I want to show a simple-table in the expandable slot for each row. Currently I have managed to include this, but the column for the simple-table is within the header columns of the data-table. </p>
  
  <p>How can i make the simple-table use more than one column of the data-table? </p>
  
  <p><strong>EDIT: Working codepen:</strong> <a href="https://codepen.io/5less/pen/QWWvYEw" rel="noreferrer">https://codepen.io/5less/pen/QWWvYEw</a></p>