0
790
ViewsVuetify data table: add insert row icon
I'm looking for a way to add a dynamic "Insert Row" icon to a Vuetify data-table, similar to the screenshot below:
Any suggestions on how to implement this?
·
Santiago Trujillo
1 answers
Answer question0
Use template to insert a div that reveals only on hover with a sidebutton on absolute:
<v-data-table>
<template #item="{ item }">
<div class="myBorderBottomBlueClass"> // only reveal on hover
// my icon in absolute position left with @click
</div>
</template>
</v-data-table>
·
Santiago Trujillo
Report
Answer question