DataTables中Ajax加载数据时默认列排序功能失效问题

你不是不能用排序功能，而是开启serverSide: true后，DataTables的排序逻辑完全交给后端处理——前端点击排序箭头只是触发Ajax请求，把排序参数传给后端，由后端返回排序后的分页数据，前端不会做本地排序（毕竟你只加载了当前页的数据，没有全量数据，没法做全局排序）。

问题原因分析 #

你的代码里明确设置了serverSide: true，这就意味着所有的排序、分页、搜索都要后端来实现。现在点击排序只发请求但没效果，是因为后端没有处理这些排序参数，返回的还是未排序的数据。

解决步骤 #

1. 查看Ajax请求参数
   点击排序箭头时，打开浏览器开发者工具的网络面板，查看发送给base_url + "ajaxcall"的POST请求参数，会看到类似以下的排序相关参数：

   • order[0][column]: 当前点击的列索引（比如0对应srno，9对应created）
   • order[0][dir]: 排序方向（asc升序或desc降序）

2. 后端处理排序参数
   后端需要接收这些参数，在数据库查询中加入对应的ORDER BY逻辑。举个PHP示例（可根据自身后端语言调整）：

   // 获取排序参数
   $columnIndex = $_POST['order'][0]['column'];
   $sortDir = $_POST['order'][0]['dir'];
   // 对应列名（需和前端columns里的data字段一致）
   $columns = ['srno', 'name', 'email', 'mobile', 'dob', 'city', 'state', 'country', 'zipcode', 'created'];
   $sortColumn = $columns[$columnIndex];
   // 构建带排序的查询语句
   $sql = "SELECT * FROM your_table ORDER BY $sortColumn $sortDir LIMIT ...";
   

3. 返回符合要求的JSON数据
   后端返回的JSON必须包含DataTables要求的字段：

   • draw: 前端传递的draw参数，原样返回
   • recordsTotal: 总数据条数
   • recordsFiltered: 过滤后的总条数（无搜索时与recordsTotal一致）
   • data: 当前页的排序后数据数组

额外优化 #

如果你想要默认排序（比如默认按created降序），可以把代码里的order: []改成：

order: [[9, 'desc']] // 9是created列的索引（从0开始计数）

关于前端本地排序的说明 #

如果非要让前端做本地排序，只能关闭serverSide: true，但这样会一次性加载全量数据，又会回到你最初的性能问题，所以不推荐这种方案。

内容的提问来源于stack exchange，提问作者Rahul Gupta