Yajra Laravel Datatables：首尾列默认禁用排序不生效问题

你遇到的问题核心是Datatables初始化时默认会尝试对第一列进行排序，导致首尾列的orderable: false配置在初始加载阶段未完全生效。以下是具体的解决步骤：

1. 指定默认排序列 #

在Datatables初始化配置中添加order选项，明确指定默认排序的列（避开首尾列）。例如选择created_at列（对应索引5，从0开始计数）作为默认排序项：

$(document).ready(function() {
    $('#your-table-id').DataTable({
        columns: [
            {
                data: "id",
                render: function(data, type, row) {
                    return ('<input type="checkbox" class="sub_chk" data-id="' + data + '">');
                },
                name: "Selector",
                orderable: false,
                searchable: false,
                printable: false,
            },
            {
                data: "user",
                name: "user"
            },
            {
                data: "role",
                name: "role"
            },
            {
                data: "task",
                name: "task"
            },
            {
                data: "agent",
                name: "agent"
            },
            {
                data: "created_at",
                name: "created_at"
            },
            {
                data: "id",
                render: function(data, type, row) {
                    return (
                        '<div class="row">' +
                        '<div class="col-6">' +
                        '<a href="/settings/logs/' +
                        data +
                        '/edit" class="text-dark"'+ 
                        'data-toggle="tooltip" data-placement="top" title="Edit">' +
                        '<i class="fa fa-pen" aria-hidden="true"></i></a>' +
                        "</div>" +
                        '<div class="col-6">' +
                        '<a rel="' +
                        data +
                        '"rel1="delete" href="javascript:"'+ 
                        'class="text-danger deleteLog" data-toggle="tooltip"'+ 
                        'data-placement="top" title="Delete"><i class="fa fa-trash"></i></a>' +
                        "</div>" +
                        "</div>"
                    );
                },
                name: "Action",
                orderable: false,
                searchable: false,
                printable: false,
            },
        ],
        // 新增配置：指定默认排序列及方向
        order: [[5, 'desc']] // 5对应created_at列的索引，desc为降序，可改为asc升序
    });
});

2. 强制隐藏首尾列表头的排序图标（可选） #

如果初始加载时首尾列表头仍显示排序图标，可通过CSS彻底禁用交互并隐藏图标：

table.dataTable thead th:first-child,
table.dataTable thead th:last-child {
    pointer-events: none;
    background-image: none !important;
}

3. 后端配合配置（服务器端处理场景） #

若使用Yajra的服务器端处理，需在后端Datatables类中确保默认排序逻辑指向指定列，避免首尾列被纳入排序：

// 你的Datatables类中的query方法
public function query(Log $model)
{
    return $model->newQuery()->orderBy('created_at', 'desc');
}

完成以上配置后，数据表初始化时会直接对指定列排序，首尾列的排序功能会完全禁用，不会出现初始可点击的状态。

内容的提问来源于stack exchange，提问作者The Only Smart Boy