Question

你好我点击时有一个按钮，从数据表中删除一行然后重绘自己。我已尝试this，但在删除行时将我的数据表恢复为默认设置：

var tbl;
$(document).ready(function() {
    tbl = $('#myTable').DataTable({
        "bLengthChange": false,
        "bFilter": false,
        "iDisplayLength": 5,
        "columns": [{
            "width": "50%"
        }, {
            "width": "10%"
        }, {
            "width": "10%"
        }, {
            "width": "10%"
        }, {
            "width": "10%"
        }],
        "responsive": true,
        "retrieve": true
    });
});

function delete()
   tbl.rows($(this).parents('tr')).remove().draw();
}

我也试过这个，我得到了同样的结果：

function delete()
   $('#myTable').DataTable().rows($(this).parents('tr')).remove().draw();
}

我还尝试在表格中添加reinitializing但我收到错误

function delete() {
    var tbl = $('#myTable').DataTable({
        "bLengthChange": false,
        "bFilter": false,
        "iDisplayLength": 5,
        "columns": [{
            "width": "50%"
        }, {
            "width": "10%"
        }, {
            "width": "10%"
        }, {
            "width": "10%"
        }, {
            "width": "10%"
        }],
        "responsive": true,
        "retrieve": true
    });

    tbl.rows($(this).parents('tr')).remove().draw();
}

这样做的正确方法是什么？

Answer 1

您的代码中存在一些拼写错误，但我还没有看到HTML ...但无论如何，这是一个有效的示例：http://jsbin.com/quhologaba/1/edit

代码段：

$(document).ready(function() {

    var tbl = $('#myTable').DataTable({
        "bLengthChange": false,
        "bFilter": false,
        "iDisplayLength": 5,
        "responsive": true,
        "retrieve": true
    });

  $('#myTable tbody').on( 'click', '.remove', function () {
    alert('clicked');
    console.log(tbl);
    tbl.row( $(this).parents('tr') ).remove().draw();
  } );

});

JQuery Datatable在get上恢复为默认值

1 个答案: