Bootstrap可编辑的jquery表格插件

插件描述

Bootstable 插件允许将 HTML 静态表转换为可编辑的表。可编辑表，包括多个按钮以执行版本操作。

1.该插件使用时，table 需要定义三个参数：

<table id="mytable" columnsEd="" addButton="add">

• id：table 对象
• columnsEd：可编辑单元格列，为空代表全部，例：”0,1,2,3″
• addButton:绑定添加单元格 id,为空不触发添加单元格事件

js 定义

var table = SetEditable({
    tabedId: 'mytable,mytable2', //单页面多个表格需要编辑，传递多个 table id 参数
    onEdit: function(row, values, tableid) {
        //编辑后回调
        console.log(row);
        console.log(values);
        console.log(tableid);
    },
    onBeforeDelete: function(row, values, tableid) {
        //删除前回调
        console.log(row);
        console.log(values);
        console.log(tableid);
    },
    onDelete: function(tableid) {
        //删除后回调
        console.log(tableid);
    },
    onAdd: function(tableid) {
        //添加表格后回调
        console.log(tableid);
    }
});

<th class="hide">ID</th>
<td class="hide">id</td>

默认隐藏，这个是可以用来定义 id 参数值

以上关于Bootstrap可编辑的jquery表格插件的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。