DataTables高级初始化
$(document).ready(function() {
$('#example').DataTable({
"processing": true, // 启用数据处理提示
"serverSide": true, // 服务器模式
"ajax": {
"url": "your-data-source.php", // 数据源URL
"type": "POST" // 请求类型
},
"columns": [
{ "data": "name" }, // 绑定数据源的name字段
{ "data": "position" },
{ "data": "office" },
{ "data": "age" },
{ "data": "start_date" },
{ "data": "salary" }
],
"order": [
[1, 'asc'] // 根据第二列升序排序
],
"columnDefs": [
{
"targets": [0], // 第一列
"orderable": false // 不可排序
}
]
});
});
这段代码展示了如何初始化DataTables插件,以服务器模式工作,通过POST请求从your-data-source.php
获取数据,并设置了列的排序和不可排序的列。这是一个更为复杂和实际的初始化示例,适用于需要处理大量数据的情况。
评论已关闭