Question

请帮助我，我是新手我对datatables (jquery plug in)提出疑问。

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

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

这是我的代码:(仅供参考我的datatble表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)
}

非常感谢：）

Answer 1

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

table=$("table.datatable").dataTable();
table.fnPageChange("first",1);

Answer 2

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

http://www.datatables.net/api

Answer 3

如果您的delete_ajax()函数正在处理业务逻辑，并且如果要删除当前行，则可以使用$('rowobject').hide().

轻松删除该行

Answer 4

这可以解决问题 - ＆gt;

oTable.fnDraw（假）;

你可以像这样打电话

     setInterval(function ref(){
    oTable.fnDraw(false);
    },8000);

Answer 5

我们可以使用DataTable API。

var currentPage = ListTable.page();

ListTable.page(0).draw( 'page' );

Answer 6

如果您只想重新加载当前页面数据，可以使用此代码。

table.ajax.reload();

请参阅此DataTable ajax.reload()

如何刷新数据表（jquery插件）而不重新加载页面

6 个答案: