ajax加载数据后表格如何分页 使用 data-table.js

在使用 data-table.js 进行分页之前，你需要确保你的数据已经成功加载到表格中。一旦数据加载成功，你可以通过以下步骤来实现分页：

1. 设置分页选项

在初始化 data-table.js 时，你需要设置分页选项。这些选项包括每页显示的行数、当前页码等。例如：

$(document).ready(function() {
  $('#myTable').DataTable({
    "paging": true,
    "pageLength": 10, // 每页显示10行数据
    "lengthChange": false, // 禁止用户修改每页显示行数
    "searching": true, // 开启搜索功能
    "ordering": true, // 开启排序功能
    "info": true, // 显示分页信息
    "autoWidth": false // 不自动计算列宽
  });
});

2. 重新绘制表格

在加载新数据后，你需要调用 `draw()` 方法来重新绘制表格。例如：

// 加载新数据
$.ajax({
  url: 'your_api_url',
  type: 'GET',
  success: function(data) {
    // 将数据填充到表格中
    $('#myTable').DataTable().clear().rows.add(data).draw();
  }
});

这样，data-table.js 就会根据你设置的分页选项重新计算分页信息并显示分页控件了。

希望这些步骤能够帮助你实现分页功能。如果你有其他问题，请随时提出。