bootstrap插件的基本使用

1.更新表格数据(根据行索引:仅更新一个单元格)

var rows = {
    index : index, //更新列所在行的索引
    field : "status", //要更新列的field
    value : "正常" //要更新列的数据
}
$('#table_Id').bootstrapTable("updateCell",rows);

2.更新表格数据(根据特定的id:可直接更新一行数据)

var NUM=1,row={name:'小红',age:20}
$('#table_Id').bootstrapTable('updateByUniqueId', { id: NUM, row: row });

3.增加表格数据(表格最前方添加:可仅添加部分数据)

var row = {
    name:'小红',
    age:20    
}
$("#table_Id").bootstrapTable('prepend',row);

4.增加表格数据(表格最后方添加:可仅添加部分数据)

var row = {
    name:'小红',
    age:20    
}
$("#table_Id").bootstrapTable('append',row);

5.删除表格数据(根据指定列及取值批量删除)

var names=['小红','小黄','小蓝']
$("table_Id").bootstrapTable('remove', { field: "name", values: names });

6.删除表格数据(根据特定的id删除一行)

var id=001
$("table_Id").bootstrapTable('removeByUniqueId', id);

7.删除表格所有数据

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

你可能感兴趣的:(bootstrap,前端,javascript)