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.

mare96 · Accepted Answer · 2021-12-08 21:01:13Z

9

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!

answered Dec 25, 2019 at 10:37

mare96

3,8541 gold badge22 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thanks! I just had to add fields to my data and then I could use the slots