jquery - 为什么我的头在流血？

Question

我正在尝试使用 datatables 实现一个固定列。他们给出的例子看起来不错。我在 jsfiddle 中实现了相同的代码，但是当我左右滚动时，我的标题会相互溢出。我如何解决它？

$(document).ready(function() {
    var table = $('#example').DataTable( {
        scrollY:        "300px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         false
    } );

    new $.fn.dataTable.FixedColumns( table, {
        leftColumns: 1,
        rightColumns: 1
    } );
} );

Answer 1

您可以将 a 添加background-color到所需的元素（通常是 td & th）。这是一个更新的小提琴（基于您提供的）：http: //jsfiddle.net/cjqgmzb9/

顺便说一句，如果您使用插件提供的 CSS 文件（请参阅您提供的示例中的 CSS 选项卡），该表格可能看起来与演示完全相同。

Answer 2

您提供的示例使用样式来隐藏您的 jsfiddle 中不存在的重叠内容。具体来说，他们将背景颜色添加到固定的列中，例如：

column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

请参阅dataTables.fixedColumns.css和jquery.dataTables.css

如果您将这些样式应用于您的小提琴，一切看起来都很好：您的小提琴。