javascript - 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's API删除相应的行:

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

在 row() 中你可以使用 several kind of selectors .如果您将行的 ID 保存在变量中，只需使用

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

请注意，您必须在删除后调用 draw()，因为出于性能原因，datatables 在删除后不会重新绘制自身。