bootstrap-databale设置垂直滚动（吸顶）后头部错位问题处理

版权声明：在那最初的相遇中，我们都曾经为彼此心动过... https://blog.csdn.net/weixin_36185028/article/details/82184779

1.设置垂直滚动

<table class="s-table d-table"></table>

$(document).ready(function() {
    $('#example').DataTable( {
        "scrollY":        "500px"
    } );
} );

2.头部错位处理

1）为table添加属性

<table class="s-table d-table" style="table-layout:fixed;"></table>

2)涉及到表格宽度变化的事件添加表格自适应方法

table.columns.adjust();

3.其他

datatable的垂直滚动实际上是生成两个table，分别放在class名为dataTables_scrollHead和dataTables_scrollBody的div中，前者中的table是没有tbody的，仅有一个thead作为固定头部使用，而后者的thead处于被遮挡状态，垂直滚动的时候前者中的thead固定不动，后者table中tbody进行滚动。

参考：

https://datatables.net/examples/basic_init/scroll_y.html

https://datatables.net/reference/api/columns.adjust()