bootstrap表格的每一行添加一个按钮事件

最新推荐文章于 2024-01-12 10:38:42 发布

xingxuexue

最新推荐文章于 2024-01-12 10:38:42 发布

阅读量4.9k

点赞数 1

文章标签： bootstrap

本文链接：https://blog.csdn.net/xingxuexue/article/details/77878239

版权

本文介绍了如何在Bootstrap表格的每一行中添加一个按钮，并为该按钮绑定事件。通过在列属性中设置事件，编写相关函数，并确保该设置位于表格前部，实现了点击按钮弹出模态框的功能。

摘要由CSDN通过智能技术生成

1.在列属性中加入事件

                {
                    title:'数据量序号',
                    field:'sjid'
                    //  hidden:true
                },{
                    field: 'operate',
                    title: '操作',
                    width: '80px',
                     events: operateEvents,
                    formatter: operateFormatter
                }

2.写一个函数

 function operateFormatter(value, row, index) {
   
       return [
       '<input type="submit" value="上传" class="RoleOfedit btn btn-primary  btn-sm"     data-toggle="modal"  style="display:inline">',
        ].join('&