我正在尝试实现功能，即单击屏幕上的按钮将导致我的jQuery 数据表刷新（因为自创建数据表以来服务器端数据源可能已更改）。
这是我所拥有的：
$(document).ready(function() {
$("#my-button").click(function() {
$("#my-datatable").dataTable().fnReloadAjax();
});
});
但是当我运行它时，它什么也不做。单击按钮时刷新数据表的正确方法是什么？提前致谢！
使用 DataTables 1.10.0 版，它是内置的且简单：
var table = $('#example').DataTable();
table.ajax.reload();
要不就
$('#example').DataTable().ajax.reload();
先销毁数据表，再绘制数据表。
$('#table1').DataTable().destroy();
$('#table1').find('tbody').append("<tr><td><value1></td><td><value1></td></tr>");
$('#table1').DataTable().draw();
您可以尝试以下操作：
function InitOverviewDataTable() {
oOverviewTable = $('#HelpdeskOverview').dataTable({
"bPaginate": true,
"bJQueryUI": true, // ThemeRoller-stöd
"bLengthChange": false,
"bFilter": false,
"bSort": false,
"bInfo": true,
"bAutoWidth": true,
"bProcessing": true,
"iDisplayLength": 10,
"sAjaxSource": '/Helpdesk/ActiveCases/noacceptancetest'
});
}
function RefreshTable(tableId, urlData) {
$.getJSON(urlData, null, function(json) {
table = $(tableId).dataTable();
oSettings = table.fnSettings();
table.fnClearTable(this);
for (var i = 0; i < json.aaData.length; i++) {
table.oApi._fnAddData(oSettings, json.aaData[i]);
}
oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
table.fnDraw();
});
}
// Edited by Prasad
function AutoReload() {
RefreshTable('#HelpdeskOverview', '/Helpdesk/ActiveCases/noacceptancetest');
setTimeout(function() {
AutoReload();
}, 30000);
}
$(document).ready(function() {
InitOverviewDataTable();
setTimeout(function() {
AutoReload();
}, 30000);
});
您可以使用 DataTable 的广泛 API 来重新加载它 ajax.reload()
如果您将数据表声明为DataTable()（新版本），则需要：
var oTable = $('#filtertable_data').DataTable( );
// to reload
oTable.ajax.reload();
如果您将数据表声明为dataTable()（旧版本），则需要：
var oTable = $('#filtertable_data').dataTable( );
// to reload
oTable.api().ajax.reload();
我遇到了同样的问题，这是我修复它的方法：
首先使用您选择的方法获取数据，我在提交将对表格进行更改的结果后使用 ajax。然后清除并添加新数据：
var refreshedDataFromTheServer = getDataFromServer();
var myTable = $('#tableId').DataTable();
myTable.clear().rows.add(refreshedDataFromTheServer).draw();