Bootstrap Table调用remove方法删除行失败问题

我来帮你搞定这个删除行的问题！你已经能正常拿到行的index值，说明点击事件和索引传递都没问题，问题出在bootstrapTable('remove')方法的参数使用上。

错误原因分析 #

你当前的删除代码里，两个参数都不符合Bootstrap Table的要求：

1. 使用了field: '$index'，但Bootstrap Table中用于匹配行索引的正确字段名是'index'；
2. values参数需要传入数组类型的值，哪怕只删除一行，也不能直接传单个index数值。

修正后的代码方案 #

你可以把removeAssetEconomyCheckBillOfLadingRow函数改成下面这样：

function removeAssetEconomyCheckBillOfLadingRow(index) {
    alert(index);
    $('#checkDataTable').bootstrapTable('remove', {
        field: 'index',
        values: [index]
    });
}

更简洁的替代写法 #

另外，Bootstrap Table还提供了专门通过索引删除的参数indexes，用这个写法更直观：

function removeAssetEconomyCheckBillOfLadingRow(index) {
    alert(index);
    $('#checkDataTable').bootstrapTable('remove', {
        indexes: [index]
    });
}

这样修改后，点击删除按钮就能正确移除对应的表格行了～

内容的提问来源于stack exchange，提问作者Ahmet Poyraz Akçal