Jquery Datatables单个列搜索与scroll不兼容
我用它来显示一千多个表行。我使用来搜索特定的列。我使用以下命令初始化表:Jquery Datatables单个列搜索与scroll不兼容,jquery,css,datatables,Jquery,Css,Datatables,我用它来显示一千多个表行。我使用来搜索特定的列。我使用以下命令初始化表: var table = $('#example').DataTable( { "scrollX": true, "scrollY": "400px", "paging": false }); 但是,当我搜索一列时,左第二列与第一列(固定)溢出。(请看下图。) 我怀疑这是因为在每次搜索之后重新分配了列的宽度:第一列也用来包含更长的用户名,但在搜索之后,它的宽度更小
var table = $('#example').DataTable( {
"scrollX": true,
"scrollY": "400px",
"paging": false
});
但是,当我搜索一列时,左第二列与第一列(固定)溢出。(请看下图。)
我怀疑这是因为在每次搜索之后重新分配了列的宽度:第一列也用来包含更长的用户名,但在搜索之后,它的宽度更小
我试着在第一列设置一个右边距,但没有用
有什么办法解决这个问题吗
请找到一个JSFIDLE来演示这个问题。您应该在career中搜索“J”。Datatables在Ajax呈现后重新计算列宽,因此我认为这是一种正常行为,但对于您的情况,您可以通过消除
new $.fn.dataTable.FixedColumns( table );
datatables支持人员知道这个问题已有一段时间了。(见)该问题已经解决,据说是由于: 当启用滚动并切换列可见性时,Javascript 由于列宽计算方法错误 标题元素错误。 Datatables’已经对此进行了修复,但是修复是两行的,可以很容易地添加到当前版本中
请注意,这个问题已经影响了ColVis、单列搜索和固定列。您是否有任何代码或JSFIDLE可以包含在问题中。我添加了一个FIDLE链接,谢谢您的提问