BootStrap Table使用小結

一、在當前表格的最後新增數據

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

二、在當前表格的首行新增數據

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

三、根據id刪除行

var ids = [];//定義一個數組
ids.push(id);//將要刪除的id存入數組
$("#table_Id").bootstrapTable('remove', {field: 'id', values: ids});//field:根據field的值來判斷要刪除的行  values：刪除行所對應的值

四、刪除全部數據

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

五、更新指定行的數據

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

六、更新指定的列數據

var rows = {
            index : index,  //更新列所在行的索引
            field : "status", //要更新列的field
            value : "INITIALIZATION" //要更新列的數據
        }//更新表格數據        
$('#table_name').bootstrapTable("updateCell",rows);

七、從新加載數據（分頁的時候要注意參數的傳遞）

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