我正在使用 DataTables 插件来使我的表格具有交互性。
该表由 PHP 在页面上回显。
当我向数据库添加记录时,我使用 jQuery load() 加载表,但这会破坏数据表。
如何在保持数据表完整的同时更新表?
注意:我使用 DOM 作为数据源,而不是服务器端处理。
最佳答案
如果对整个表进行完全重新加载,请将初始数据表初始化代码包装在函数中。在页面加载时调用该函数。当用 ajax 完全替换表格时,您可能应该删除由插件创建的表格父 div,作为它创建的所有非表格 DOm 元素的包装器。如果表 ID="example",则包装器 id="example_wrapper"。
这里有足够的代码可能会帮助您顺利进行。有一些简单的方法可以只更新行,但由于请求是完整的表重新加载,我遵循了
function initDataTables(){
$('#myTable').datatables({/* put all current options here*/})
}
/* within ready event of pageload */
$(function(){
initDataTables();
/* all other page load code*/
});
/* use $.get to reload table */
$.get( tableUpdateUrl, data, function( returnData){
$('#myTable').parent().replaceWith(returnData);
/* re-initalize plugin*/
initDataTables();
});
关于jquery - 如何刷新数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9674560/