Vuetify data table: add insert row icon - PeakU

0

792

Visualizações

Vuetify 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?

over 4 years ago · Santiago Trujillo

1 Respostas

Responde à pergunta

0

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>

over 4 years ago · Santiago Trujillo Relatório

Responde à pergunta

Encontrar trabalhos remotos