search

rubanraj54 / vue-bootstrap4-table

Advanced table based on Vue 2 and Bootstrap 4 ⚡️
MIT License
220 stars 58 forks source link

How to add edit/delete button at the end of each row? #43

Closed pjsaran closed 5 years ago

pjsaran commented 5 years ago

How to add edit/delete button at the end of each row? On clicking edit/delete i would like call a function.

rubanraj54 commented 5 years ago

Hi @pjsaran

You can use row slots to achieve this.

Also, I've made an example for you here https://codepen.io/rubanraj54/pen/EJepqq .

I hope this codepen will help you. You can find more info about row slot here https://rubanraj54.gitbook.io/vue-bootstrap4-table/rows#row-slot .

Cheers, Ruby.

pjsaran commented 5 years ago

Hi @rubanraj54

Thanks for the example. It works fine for me now.