jquery - DataTables + Bootstrap 3 启用水平滚动问题

Question

我遇到了 DataTables 的问题集成于 Bootstrap 3并启用水平滚动

这是我的 fiddle

数据表初始化

/* Data Table Initialization */
    var equipmentDataTable = $('#equipmentTable').dataTable({
                                    "aoColumnDefs": [{ "sClass": "text-center", "aTargets": [ 0,25 ] },
                                                     { 'bSortable': false, 'aTargets': [ 25 ] }],
                                    "sScrollX": '100%'
                             });

不知道为什么表头和表体不对齐。提前致谢

Answer 1

我遇到了类似的问题，但以不同的方式解决了。

我修改了 sDom 参数以将表格包装在一个额外的 div 中:

<i>
sDom: 'r<"H"lf><"datatable-scroll"t><"F"ip>',
I then applied the following styles to the .datatable-scroll class:

/**
 * Makes the table have horizontal scroll bar if its too wide for its container
 */
.datatable-scroll {
    overflow-x: auto;
    overflow-y: visible;
}
</i>

来源