Javascript 单击AD时，它将显示已删除的行|错误

我想永久删除datatable行

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

我已经尝试了一些帖子：但是运气不好

带答案：

带答案：

但是，当我删除所有行时，“无可用数据”文本不会显示 出现。当点击AD时，它会显示已删除的代码 划船

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

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> '
        },
        ], 

在数据表函数中：

$(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> '
        },
        ], 

“列”：[
{“数据”：“id”}，
{“数据”：“名称”}，
{“数据”：“子类型”}，
{“数据”：“近似计数”}，
{“数据”：“创建时间”}，
{数据：空，
“sClass”：“中心”，
“sDefaultContent”：“删除”
},
], 

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

$('#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);
});

请查一下JSFIDLE

---

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

$('#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);
});

请查一下JSFIDLE

---

您应该使用

DataTable（）

设置插件，而不是

DataTable（）

然后，要获取要删除的相关行，可以使用：

myTable.row（':eq（'+$（this.nexist（'tr'）.index（）+'））

。也许有更好的方法，但我不知道足够的数据表插件

看

以及获取自定义消息，如中所述，

---

请参阅。

您应该使用

DataTable（）

而不是

DataTable（）

设置插件

然后，要获取要删除的相关行，可以使用：

myTable.row（':eq（'+$（this.nexist（'tr'）.index（）+'））

。也许有更好的方法，但我不知道足够的数据表插件

看

以及获取自定义消息，如中所述，

---

请参阅。

通过从DOM中删除元素，实际上并不是从DataTable的内存中删除数据。您必须使用来操作表（添加、编辑、删除等）

将DataTable（）方法的返回值赋给变量。这是对DataTable对象的引用

例如：

var table = $("myTable").DataTable({
    // DataTable options goes here
});

现在，要删除特定行，请使用remove按钮的onclick事件处理程序中的row（）.remove（）方法，如下所示

$(".removeButton").click(function () {
        table.row( $(this).parents('tr') ).remove().draw();
});

---

是此方法的API引用。

从DOM中删除元素，实际上并不是从DataTable的内存中删除数据。您必须使用来操作表（添加、编辑、删除等）

将DataTable（）方法的返回值赋给变量。这是对DataTable对象的引用

例如：

var table = $("myTable").DataTable({
    // DataTable options goes here
});

现在，要删除特定行，请使用remove按钮的onclick事件处理程序中的row（）.remove（）方法，如下所示

$(".removeButton").click(function () {
        table.row( $(this).parents('tr') ).remove().draw();
});

---

是此方法的API参考。

对不起，我不是这个意思。我想如果我删除了所有的行，dataTable将显示“无可用数据”文本。但是在我的JSFIDLE中，当所有行都已删除时，显示一个空白表。你能帮我如何将删除行代码输入JSFIDLE吗？？？@CalvinAnanda，当@mrchidam给出正确答案时，为什么还要麻烦呢？以上假设您在

上有一个

id

属性，而您没有。@Patrik的回答是“帮助我”。对不起，我不是这个意思。我想如果我删除了所有的行，dataTable将显示“无可用数据”文本。但是在我的JSFIDLE中，当所有行都已删除时，显示一个空白表。你能帮我如何将删除行代码输入JSFIDLE吗？？？@CalvinAnanda，当@mrchidam给出正确答案时，为什么还要麻烦呢？以上假设你在

上有一个

id

属性，而你没有。@Patrik的答案是help me.IMO正确答案，这里是OP的fiddle更新为所需的oneliner->IMO正确答案，这里是OP的fiddle更新为所需的oneliner->