Jquery Datatable水平滚动条间歇性消失

Jquery Datatable水平滚动条间歇性消失,jquery,datatables,Jquery,Datatables,Jquery Datatable水平滚动条间歇性消失。 最近在exist数据表中添加了一个页脚元素,该元素工作正常。 添加后,滚动条间歇性消失有问题 在: -分页显示在某些页面中,而不显示在其他页面中 -调整窗口大小可以看到水平滚动条出现,然后消失 根据容器大小,数据表宽度变为绝对宽度,而不是100% 问题 滚动条/数据表执行计算以确定网格表的宽度。 通过引入网格页脚,网格的动态大小调整会对水平滚动条的外观产生影响 复杂的是,网格选项卡、分页将影响动态调整大小,因此滚动条不一致 代码 plnkr

Jquery Datatable水平滚动条间歇性消失。 最近在exist数据表中添加了一个页脚元素,该元素工作正常。 添加后,滚动条间歇性消失有问题 在: -分页显示在某些页面中,而不显示在其他页面中 -调整窗口大小可以看到水平滚动条出现,然后消失

根据容器大小,数据表宽度变为绝对宽度,而不是100%

问题

滚动条/数据表执行计算以确定网格表的宽度。 通过引入网格页脚,网格的动态大小调整会对水平滚动条的外观产生影响

复杂的是,网格选项卡、分页将影响动态调整大小,因此滚动条不一致

代码

plnkr.co/edit/JEo3T0MAmQEJUqXh9kpx?p=预览

修复程序 代码修复非常简单,请确保表宽度低于阈值,以便滚动条始终出现

尝试解决问题

1) “sScrollXInner”:“400%”,==>“sScrollXInner”:“100%”

  • 似乎在大多数情况下都有效

  • 大量列/溢出(已解决)

  • 少量列/溢出(未完成)

2) 删除$scope.options fixedHeader

“fixedHeader:{header:false,footer:true}

复制步骤

1) JQuery数据表POC应用程序!

2) 调整表格大小

.DTFC_ScrollWrapper {
    width: 100% !important;
}

在我的情况下,此代码解决了问题

您应该添加相关代码。像HTML(和JavaScript)一样,在问题中添加代码。