vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.68k stars 6.95k forks source link

[Feature Request] Data table wrapper slot access #12481

Closed samuellembke closed 2 years ago

samuellembke commented 3 years ago

Problem to solve

I have a custom scrollbar library I'd like to use with my data table (with the fixed header, normally I can just wrap the whole table)

Proposed solution

  <v-data-table
      fixed-header
      height="60vh"
      :headers="headers"
      :items="items"
  >
    <template v-slot:wrapper>
      <vue-custom-scrollbar class="scroll-area" id="scroll-area" :settings="settings">
        <!-- Put all rows and stuff here -->
      </vue-custom-scrollbar>
    </template>
  </v-data-table>
KaelWD commented 3 years ago

There's already a body slot.

samuellembke commented 3 years ago

I'm not talking about the body slot. I am talking about a slot inside of wich is everything except the header and (in case there is a fixed foter) the footer. I want to wrap all rows inside the custom scrollbar element without having to rewrite the whole data table body

KaelWD commented 3 years ago

inside of which is everything except the header and the footer

That's exactly what the body slot is.

KaelWD commented 2 years ago

Closing due to inactivity.