如何刷新DataTables

时间:2012-03-12 20:45:02

标签: jquery datatables

我使用DataTables插件让我的桌子互动。

该页面由PHP在页面上回显。

当我向DB添加记录时,我使用jQuery load()加载表,但这会破坏DataTables。

如何在保持DataTables完整性的同时更新表格?

注意:我使用DOM作为数据源而不是服务器端处理。

2 个答案:

答案 0 :(得分:5)

创建数据表时,将结果值分配给变量:

var table = $(".something").dataTable();

当您创建新项目(可能是通过AJAX)时,请确保返回表格需要显示的属性。然后,在success函数中,您可以使用fnAddData方法向表中添加新行。此方法接受一个值数组,第一个列在第一列,第二个在第二列,依此类推:

success: function(response){
    table.fnAddData([
        response.id,
        response.name,
        response.description,
    ]);
}

您可以详细了解fnAddData方法here

答案 1 :(得分:1)

您应该可以使用ajax插件。 http://datatables.net/plug-ins/api