【问题标题】:Bootstrap Vue Table with custom Buttons Add & Delete带有自定义按钮添加和删除的 Bootstrap Vue 表
【发布时间】:2020-04-16 00:04:05
【问题描述】:

我想创建一个如下所示的动态引导表: https://examples.bootstrap-table.com/#welcome.html

目前我正在使用此代码显示引导表中数组中的数据:

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

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

有没有办法自定义“b-table”的列?我还没有找到任何东西。

【问题讨论】:

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


    【解决方案1】:

    您可以使用插槽。你可以阅读here 了解这一点。

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

    另外,一个很好的example 在行内使用槽和折叠数据。

    祝你好运!

    【讨论】:

    • 谢谢!我只需要在我的数据中添加字段,然后我就可以使用插槽
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-30
    • 2016-08-21
    相关资源
    最近更新 更多