Question

我有一个表，我正在使用DataTables FixedColumns插件。我希望滚动条调整大小，使其仅位于非固定列的下方，就像在此处的示例页面中一样：https://datatables.net/release-datatables/extras/FixedColumns/index.html

使用完全相同的代码时，我无法完成这项工作。基于论坛中的一些建议，我转而使用DataTables和FixedColumns的每晚构建，但这并没有让我到处找。

问题说明：http://jsfiddle.net/Ue6Gn/1/

代码：

$(document).ready( function () {
    var oTable = $('#example').dataTable( {
        "sScrollY": "300px",
        "sScrollX": "100%",
    "sScrollXInner": "150%",
        "bScrollCollapse": true,
        "bPaginate": false
    } );

    new $.fn.dataTable.FixedColumns( oTable );
} );

有什么想法吗？

Answer 1

为标题添加背景颜色，在您的情况下，为白色。我遇到了同样的问题。它对我有用。

Answer 2

您需要在html资源中提供相应的DataTables CSS文件。

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.1/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/fixedcolumns/3.0.2/css/dataTables.fixedColumns.css">

您可以引用here或在latest version

中找到它们

数据表固定列滚动条问题

2 个答案: