表格插件-bootstrap table的表内查看编辑删除

基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。

官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/

上一篇写到分页的实际应用,今天写的是表格插件-bootstrap table的表内查看编辑删除,要实现的效果如下图:

其实很简单,只需要在js的columns:里面添加操作一栏的代码


            title : '操作',
            field : 'id',
            formatter : option
        }

然后继续定义一个函数option;定义删除、更新操作

 // 定义删除、更新操作
    function option(value, row, index) {
        var htm = ''
        return htm;
    }

完整参考代码示例:




    
        
        
        
        

        
        
    

    
        

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

你可能感兴趣的:(表格插件-bootstrap table的表内查看编辑删除)