Laravel 5.4中如何对DataTable列进行排序？附控制器代码

嗨，我来帮你搞定Laravel 5.4里DataTable的列排序问题！结合你给出的代码，我会一步步告诉你怎么给自定义列和关联字段加上排序功能。

核心思路 #

DataTables默认支持原生数据库字段的排序，但你用到了拼接列（比如name是name+last_name）和关联表字段（比如type对应customergroup的customer_group），这些需要手动指定排序规则。我们可以用DataTables提供的orderColumn方法来绑定自定义列的排序逻辑。

修改后的完整控制器代码 #

public function index(Datatables $datatables, Request $request) {
    // 关联customer_groups表，方便关联字段的排序与取值（比Eloquent关联更高效）
    $model = Customer::whereIn('group_id', [1,4])
        ->leftJoin('customer_groups', 'customers.group_id', '=', 'customer_groups.id');

    return $datatables->eloquent($model)
        ->editColumn('name', function($customer){
            return $customer->name . ' ' . $customer->last_name;
        })
        ->editColumn('type', function($customer){
            // 因为已经join了表，直接取字段值更高效
            return $customer->customer_group ?? '';
        })
        ->editColumn('member_since', function($customer){
            // 补全日期格式化，你之前的代码没写完
            return $customer->created_at->format('Y-m-d H:i:s');
        })
        // 给每个自定义列绑定排序规则
        ->orderColumn('name', function($query, $order) {
            // 按name和last_name双字段排序，保证拼接后的名称排序准确
            $query->orderBy('customers.name', $order)->orderBy('customers.last_name', $order);
        })
        ->orderColumn('type', function($query, $order) {
            // 按关联表的customer_group字段排序
            $query->orderBy('customer_groups.customer_group', $order);
        })
        ->orderColumn('member_since', function($query, $order) {
            // 映射到原生的created_at字段排序
            $query->orderBy('customers.created_at', $order);
        })
        // 指定查询字段，避免join后出现重复字段名（比如两个表都有id的情况）
        ->select([
            'customers.id',
            'customers.name',
            'customers.last_name',
            'customers.created_at',
            'customer_groups.customer_group'
        ])
        ->make(true);
}

前端对应配置（关键） #

要确保前端DataTable的列配置里，每个需要排序的列都开启了orderable，并且name属性和后端orderColumn的第一个参数一致：

$(document).ready(function() {
    $('#customer-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '/your-customer-index-route', // 替换成你的实际路由
        columns: [
            { data: 'name', name: 'name', orderable: true },
            { data: 'type', name: 'type', orderable: true },
            { data: 'member_since', name: 'member_since', orderable: true },
            // 其他列配置...
        ]
    });
});

可选方案：不Join表，用子查询排序 #

如果你不想通过Join表的方式处理关联字段排序，也可以用子查询实现：

// 替换type列的orderColumn逻辑
->orderColumn('type', function($query, $order) {
    $query->orderBy(
        Customergroup::select('customer_group')
            ->whereColumn('id', 'customers.group_id'),
        $order
    );
})

关键点总结 #

• 原生字段：前端开启orderable后，后端自动处理排序。
• 自定义拼接列：用orderColumn指定实际排序的数据库字段（比如name对应customers.name和customers.last_name）。
• 关联字段：要么Join关联表后直接排序，要么用子查询关联排序。
• 前端列的name属性必须和后端orderColumn的列名完全匹配，否则排序参数无法正确传递。

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