Question

我想从表中删除多行，并且我使用了以下代码但不起作用我使用DataTables v1.10.9。

$('#del_Btn').on('click', function () {
    // 'table' is the instance of table object
    table.row('.selected').remove().draw(false);
}

完整代码：

$('#del_MembersBtn').on('click', function () {

if (confirm('Do you want to remove the selected items ?') === true) {
    var selRows = RemoveFromGroupTable.rows({selected: true}).data().pluck(0); // return an object contains selected rows
    var selRowsLength = selRows.length;
    var rows = new Array();
    for (i = 0; i < selRowsLength; i++) {
        rows.push(selRows[i]);
    }

    // remove the selected rows from table
    RemoveFromGroupTable.rows('.selected').remove().draw(false);
    var inputData = {};
    inputData.selectdRows = rows;
    inputData.submit = Math.floor(Math.random() * 10) + 1;
    $.post(myProp.base_url + 'directory/class/method', inputData, function (outputData) {
        if (outputData.submit == outputData.submit) {
            tips();
        }
    }, 'json');
}

} }）;

如何删除多个选定的行？

Answer 1

<强>解

使用rows从表格中选择多行，如下所示

$('#del_Btn').on('click', function () {
    table.rows('.selected').remove().draw(false);
}

如果按钮位于表格内，则需要使用委托事件处理程序，如下所示：

$('#example').on('click', '#del_btn', function () {
    table.rows('.selected').remove().draw(false);
}

其中example是您的表格ID。

<强>样本

请参阅this jsFiddle以获取代码和演示。

从表中删除多个选定的行

1 个答案: