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链接,谢谢您的提问