Question

我正在尝试使用datatables的FixedColumns插件。什么都行不通。我直接从网站上下载示例代码，这里：

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

    new FixedColumns( oTable );
} );

脚本标签：

<script type="text/javascript" src="http://address/testbed/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://address/testbed/js/datatables.js"></script>
<script type="text/javascript" src="http://address/testbed/js/fixedcolumns.js"></script>

根据chrome，所有脚本都正常加载。我得到的错误是“Uncaught ReferenceError：FixedColumns未定义。”

jQuery 1.11.0

datatables 1.9.4

FixedColumns 3.0.1-dev（我试过各种版本，这是github的最新版权）

怎么了？

Answer 1

您应该使用：

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

documentation实际上也是对我说的。

“构造函数”FixedColumns仅在IIFE中定义，它包装插件并导出为$.fn.dataTable.FixedColumns

Answer 2

试试这个

var oTable = $('#example').dataTable( {
        "sScrollX": "100%",
        "sScrollXInner": "150%",
        "bScrollCollapse": true
    } );


new $.fn.dataTable.FixedColumns( oTable , {
            leftColumns: 3 //specifies how many left columns should be fixed.
        });

DataTables FixedColumn“Uncaught ReferenceError：FixedColumns未定义”

2 个答案: