数据表固定列未对齐

Question

我正在制作一个数据表页面，并使用固定列修复了最后一列。

但是，该列未与其他行对齐。

这是我创建数据表的代码：

var table = $('#mytable').DataTable({
    ajax: {
        type: "POST",
        "url": 'my url',
        "dataSrc": "",
    },
    "createdRow": function(row, data, dataIndex) {
        if (data['main'] === "1") {
            $(row).addClass('maincontact');
        } else {
            $(row).addClass('secondcontact');
        }
    },
    "processing": true,
    "paging": true,
    "scrollY": true, 
    "scrollX": true,
    "deferRender": true,
    fixedColumns: {
        leftColumns: 0,
        rightColumns: 1
    },
    "order": [
        [4, "asc"]
    ],
    "autoWidth": true,
    select: {
        style: 'os',
        items: 'cell'
    },
    dom: 'Blfrtip',
    buttons: [{
        extend: 'csv',
        text: 'csv'
        },
        bom: true
    }],
    columnDefs: [{
        targets: tablesize, // tablesize = the last column
        data: null,
        render: function(data, type, row, meta) {
            if (data['main'] === "1") {
                return '<button type="button" class="btn btn-primary btn-update" >Update</button>';
            } else {
                return '<button type="button" class="btn btn-primary btn-update d-none" >Update</button>';
            }
        }
    }]
});
return table;

我已经搜索了数据表文档和论坛。我也在 StackOverflow 中搜索，但所有线程都是关于fixedHeaders，但我没有这个选项。

如果有人有想法，我就会采纳。

Answer 1

我遇到了同样的问题，但当我添加固定列的 css cdn 时问题得到解决

<!-- cdn for fixedColumns in datatables -->    
<link rel="stylesheet" href="https://cdn.datatables.net/fixedcolumns/3.2.4/css/fixedColumns.bootstrap.min.css">

尝试一下，我希望它对其他人有用。