Bootstrap Vue Table with custom Buttons Add & Delete

Question

I want to create a dynamic bootstrap table that looks something like this: https://examples.bootstrap-table.com/#welcome.html

Currently I am using this code to display my data from an array in the bootstrap table:

<b-table striped hover :items="shotlist_tab.shots"></b-table>

But I also want to add custom buttons on the side for each row (edit / delete).

Is there a way to customize the columns of a "b-table"? I haven't found anything yet.

Answer 1

You can use slots. You can read here about that.

If you provide some more code I can help you with that.

Also, one good example of using slots and collapse data inside the row.

Good luck!