javascript - 单击 thead 时，它将显示已删除的行 |错误

Question

I want to delete datatable row permanently

如果我删除所有行，我希望数据表将显示默认的“没有可用数据”文本。

我已经尝试过一些 POST : 但运气不好

<强> DataTables remove row button 答案:

$("#dataTables-example").on('click', '.btn-info', function () {
        $(this).parent().parent().remove();
    });

<强> I cannot remove row with jQuery 答案:

$( 'tbody tr:last-child' ).remove();

But, when I delete all the rows, the text "No data available" does not appear. and when thead is clicked, it will bring up the deleted row.

==========================

MY JSFiddle

jQuery 删除行:

$(document).on('click', '.deleteRow', function() {
$(this).closest('tr').remove();
});

在数据表函数中:

 "columns": [
        { "data": "id"},
        { "data": "name" },
        { "data": "subtype"},
        { "data": "approximate_count" },
        { "data": "time_created" },
        {data: null ,
        "sClass" : "center",
        "sDefaultContent" : '<button class="deleteRow">Delete</button> '
        },
        ], 

Answer 1

要显示默认文本，您可以尝试

$('#example').DataTable({
    "language": {
        "emptyTable": "My Custom Message On Empty Table"
    },
    rowId: id
});

对于删除行使用，

您还需要使用 ajax 从后端删除数据。您可以使用以下功能。

$(document).on('click', '.deleteRow', function(e) {
    var id = $(this).parents('tr').attr('id');
    var rowid = document.getElementById(id);
    var Pos = table.fnGetPosition(rowid);
    table.fnDeleteRow(Pos);
});

请检查jsfiddle。

JSFIDDLE