BootStrap Table使用小结

1、在当前表格的最后新增数据

$("#data_module_table").bootstrapTable('append', data.data);//data.data----->新增的数据

2、在当前表格的首行新增数据

$("#data_module_table").bootstrapTable('prepend', data.data);//data.data----->新增的数据

3、根据id删除行

var ids = [];//定义一个数组

ids.push(id);//将要删除的id存入数组

$("#table_Id").bootstrapTable('remove', {field: 'id', values: ids});//field:根据field的值来判断要删除的行  values：删除行所对应的值

4、删除所有数据

$("#table_Id").bootstrapTable('removeAll');

5、更新指定行的数据

$('#table_Id').bootstrapTable('updateRow', {index: checkIndex, row: data.data});//index---->更新行的索引。row---->要更新的数据

6、更新指定的列数据

var rows = {

            index : index,  //更新列所在行的索引

            field : "status", //要更新列的field

            value : "INITIALIZATION" //要更新列的数据

        }//更新表格数据

$('#table_name').bootstrapTable("updateCell",rows);

7、重新加载数据（分页的时候要注意参数的传递）

var opt = {

         url: "showDataDmList.shtml", //重新请求的链接

         silent: true,

         .....    //可以加一些请求的参数

        };

//重新加载数据

$("#data_module_table").bootstrapTable('refresh',opt);

当然，这些只是一些最基本的CRUD，像其余的什么getSelections、getData啊，这些就不一一写了。最后附上官方API链接

官方API：http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/

翻译后的API文档：http://blog.****.net/rickiyeat/article/details/56483577

秒客网

BootStrap Table使用小结

相关文章