HTLWelsITLover99
HTLWelsITLover99

Reputation: 209

Bootstrap Vue Table with custom Buttons Add & Delete

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.

Upvotes: 5

Views: 13722

Answers (1)

mare96
mare96

Reputation: 3869

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!

Upvotes: 9

Related Questions