jQuery数据表的滚动和标题不对齐答案

【问题标题】：Jquery data table's scrolling and header not alignjQuery数据表的滚动和标题不对齐
【发布时间】：2019-03-26 09:52:14
【问题描述】：

我的数据表滚动条和数据表的对齐方式不一样

$(document).ready(function() {
  $('#tblServer').DataTable({
    orderCellsTop: false,
    fixedHeader: true,
    "ordering": false,
    "lengthChange": false,        
    "sDom": 'Rfrtlip',
    "bPaginate": false,
    responsive: true,
    "autoWidth": false,
    "scrollY": "100px",
    "scrollCollapse": true,
    "paging": false,                    
  });
});

请在下面找到代码 DataTable Example

【问题讨论】：

不太清楚你在问什么。从 jsfiddle 和屏幕截图来看，它们已经整齐地对齐了。
没错。表头是固定的，所以滚动条只适用于表体..
我知道这是正确的，但我需要实现滚动条与标题列对齐
检查这个小提琴，你只需要添加正确的.css文件jsfiddle.net/172dmxka/15
这不起作用，因为我需要设计表格的边框

标签： jquery datatable vertical-alignment vertical-scrolling

【解决方案1】：

这是功能，不是问题！

【讨论】：

【解决方案2】：

在您的style中添加css。不是一个很好的修复，但它看起来比留空更好。

.dataTables_scrollHead{
  overflow-y:scroll;
}

【讨论】：

标题边框工具栏不需要在那边实现，它不会实现你的设计方面
您有两个选择，1) 按照我的建议获取标题滚动条或 2) 扩展最后一个元素以覆盖剩余的标题区域，您可能需要 JQuery/Javascript。