具有自定义按钮的Bootstrap Vue表添加和删除

时间:2019-12-25 08:45:53

标签: vue.js html-table bootstrap-4 datatables

我想创建一个看起来像这样的动态引导表: https://examples.bootstrap-table.com/#welcome.html

当前,我正在使用以下代码来显示引导表中数组中的数据:

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

但是我也想在每行的侧面添加自定义按钮(编辑/删除)。

是否可以自定义“ b表”的列?我还没找到任何东西。

1 个答案:

答案 0 :(得分:1)

您可以使用插槽。您可以阅读here的相关信息。

如果您提供更多代码,我可以为您提供帮助。

使用插槽并在行内折叠数据也是一种很好的example

祝你好运!