bootstrap table行编辑

关于bootstrap table自带的行编辑解决方案可以参考以下文章

https://www.cnblogs.com/landeanfen/p/5821192.html

以下文章是另外一种功能解决方案,但是下载链接已经失效,因此我只有自己想想办法了

http://blog.csdn.net/lzxadsl/article/details/49181127

模仿的是失效的那种,好了,开始

首先,利用H5的contenteditable 将内容设为可编辑的

{
    title: '评分',
    width: '100px',
    field: 'score',
    formatter:function (value, row, index, field) {
        return '<div contenteditable="true">' + (value || "-") + '</div>';
    }

}

其次利用jquery添加可编辑属性的全局change事件

//为contenteditable绑定change事件
$('body').on('focus', '[contenteditable]', function() {
    var $this = $(this)