title: Group rows in Vuetify Data Table body
body: <p>In the body section of a v-data-table, where Vuetify puts the items, it wraps all of the rows in a tbody tag. My slot template consists of multiple rows all which I need to group so that I can apply transitions or other effects. </p>
  
  <p>How can I make v-data-table stop wrapping the body in a tbody tag, resulting in nested tbody tags?</p>
  
  <pre><code>  &lt;v-data-table
      ref="dataTable"
      :headers="headers"
      fixed-header
      :height="height"
      :items="invoices"
      item-key="id"
      :search="search"
      class="elevation-1"
      disable-pagination
      :loading="loading"
      loading-text="Loading invoices... please wait..."
      :no-data-text="this.noDataText"
      no-results-text="No invoices found for your search."
      :hide-default-footer="true"
    &gt;
      &lt;template v-slot:headers="props"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th
              v-for="header in props.headers"
              :key="header.text"
              ref="dataTableHdr"
              :class="['column sortable', pagination.descending ? 'desc' : 'asc', header.value === pagination.sortBy ? 'active' : '', header.class === '']"
              @click="changeSort(header.value)"
            &gt;
              &lt;v-icon small&gt;arrow_upward&lt;/v-icon&gt;
              {{ header.text }}
            &lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
      &lt;/template&gt;
  
      &lt;template v-slot:item="props"&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td&gt;{{ props.item.vendorCode }}&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;{{ props.item.vendorName }}&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
            &lt;td&gt;CONTENT&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/template&gt;
    &lt;/v-data-table&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/onJMW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/onJMW.png" alt="enter image description here"></a></p>