[Vuejs]-How to use vuetify 3 data-table v-slot functionalities inside a custom component?

by

0👍

✅

Try to forward the slots from the v-datatable by iterating over them, then creating new ones that can be accessed in parent component :

<v-data-table :headers="headers" :items="items"> 
   <template v-for="(_, scopedSlotName) in $scopedSlots" v-slot:[scopedSlotName]="slotData">
        <slot :name="scopedSlotName" v-bind="slotData" />
   </template>
</v-data-table>

Leave a comment