DataTable JQuery如何根据ID从表中删除行？

Question

我有一个Web应用程序，您可以将图片拖放到框中。 如果你将它放在一个中它会将图片的信息添加到数据表中，如果你向左下方它将从数据表中删除数据。 我想知道是否有一种方法可以根据ID删除行？

$('#pictures')
    .dataTable({
        "columnDefs": [{
                "orderable": false,
                "targets": 1
            },
            {
                "orderable": false,
                "targets": 3
            }
        ]
    });
var t = $('#pictures')
    .DataTable();


$("#left")
    .droppable({
        accept: ".draggable",
        drop: function (event, ui) {
            console.log("drop");
            $(this)
                .removeClass("border")
                .removeClass("over");
            var dropped = ui.draggable;
            var droppedOn = $(this);
            $(dropped)
                .detach()
                .css({
                    top: 0,
                    left: 0
                })
                .appendTo(droppedOn);

            var $id = $(this)
                .children()
                .last()
                .attr('id');
            var rowId = pictures[id].id;
            t.row(pictures[$id].id)
                .remove()
                .draw(false);
        }
    });

这显然不是整件事; 但是，我认为这足以发现任何问题。

Answer 1

您可以使用DataTable的API删除相应的行：

t.row("your selector here").remove().draw();

在row()你可以使用几种选择器 。 如果您将行的id保存在变量中，只需使用

t.row("#"+rowId).remove().draw();

请注意，您必须在删除后调用draw() ，因为由于性能原因，数据表在删除后不会重绘自身。

Answer 2

$('#pictures').DataTable().row("#YourRowId").remove().draw();

如果要删除的项目是父窗口;

window.parent.$('#pictures').DataTable().row("#YourRowId").remove().draw();

如果要删除所有行;

$('#pictures').DataTable().row().remove().draw();

你应该注意JS版本。