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.csdn.net/rickiyeat/article/details/56483577