[Vuejs]-Vuetify adding button next to datatable data

by

0👍

✅

Check this codesandbox I made: https://codesandbox.io/s/stack-71162907-92xs69?file=/src/components/AppendButton.vue

You can use the item slot and customize it to your needs.

<v-data-table
    :headers="headers"
    :items="desserts"
    item-key="name"
    class="elevation-1"
>
    <template #item.calories="{item}">
        {{ item.calories }} <v-btn v-if="item.name=='Frozen Yogurt'" class="ml-1" small outlined>B</v-btn>
    </template>
</v-data-table>

Demo

Leave a comment