jquery datatable列标题需要两个游标

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.4/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.11.4/js/jquery.dataTables.min.js"></script>

<table id="myTable" class="display" style="width:100%"></table>

$(document).ready(function() {
    $('#myTable').DataTable({
        columns: [
            { title: 'Column 1', data: 'data1' },
            { title: 'Column 2', data: 'data2' },
            {
                title: 'Column 3',
                render: function(data, type, row) {
                    return '<span class="cursor1">' + row.data3 + '</span>' +
                           '<span class="cursor2">' + row.data4 + '</span>';
                }
            }
        ],
        data: [
            { data1: 'Data 1', data2: 'Data 2', data3: 'Data 3', data4: 'Data 4' },
            // 其他数据行...
        ]
    });
});

.cursor1 {
    cursor: pointer;
    /* 自定义样式 */
}

.cursor2 {
    cursor: pointer;
    /* 自定义样式 */
}