目标:将Bootstrap Table表格中所选中的行从前端页面中删除(无关后台数据)
问题:网上大多数的示例(包括BT官网)都给表格中的每一行设计了不会产生重复的ID,因此可以根据选中的ID来删除特定的行,而我的表格没有单独一列是ID,也没有某一列是不产生重复的,因此用每一行前面的复选框的’field’来代替ID。代码如下:
BT官网的代码段:
$button.click(function () {
var ids = $.map($table.bootstrapTable('getSelections'), function (row) {
return row.id
})
$table.bootstrapTable('remove', {
field: 'id',
values: ids
})
})
我的代码:
//获取选中行的内容
let contents = $.map($("#departmentExcel").bootstrapTable('getSelections'), function (row) {
return row.checked;
});
//前端删除数据