如何在不重新加载页面的情况下刷新数据表(jquery 插件)

bun*_*ito 5 ajax datatable jquery

请帮助我,我是新手,我对数据表(jquery 插件)有疑问。

在数据表网格中的每一行数据中,我都有删除数据的按钮。当我点击删除按钮时,该行的数据被删除。

问题是,我可以在不重新加载页面的情况下刷新数据表吗?所以当我点击删除按钮而不重新加载页面时,行可以减少。

这是我的代码:(仅供参考,我的数据表的表 ID 是:id="mydatatable")

html delete button on each rows data:
-------------------------------------

<button onclick="delete('id')">Delete</button>


javascript:
-----------

delete(id)
{
    delete_ajax(id);            //deleting data using ajax

    window.location.reload()    //reloading page, this what i want to change 
                                //(just refresh datatable grid without reload the page)
}
Run Code Online (Sandbox Code Playgroud)

非常感谢 :)

Ada*_*m F 5

这是快速刷新表的多种方法之一

const table=$("table.datatable").dataTable();
table.fnPageChange("first",1);
Run Code Online (Sandbox Code Playgroud)


dig*_*oel 2

看看api。您应该能够在数据表对象上调用 fnDeleteRow。

http://www.datatables.net/api