在加载表格数据之前,可以先定义一个空的表格,然后使用jQuery DataTables的API方法来加载数据并格式化表格。
以下是一个示例代码:
HTML部分:
Name
Age
City
JavaScript部分:
$(document).ready(function() {
// 初始化空表格
var table = $('#myTable').DataTable();
// 使用API方法加载数据
$.ajax({
url: 'data.json',
dataType: 'json',
success: function(data) {
// 清空表格数据
table.clear();
// 添加数据到表格
$.each(data, function(index, value) {
table.row.add([
value.name,
value.age,
value.city
]).draw(false);
});
}
});
});
在上述示例中,我们首先初始化了一个空的表格,并将其赋值给一个变量table
。然后,使用jQuery的ajax
方法加载数据。在成功的回调函数中,我们首先使用table.clear()
方法清空表格数据,然后使用table.row.add()
方法将数据逐行添加到表格中,并使用table.draw(false)
方法重新绘制表格。
请根据你的具体需求修改代码中的URL和数据格式。
上一篇:表格数据渲染