DataTables FixedColumn“未捕获的 ReferenceError：FixedColumns 未定义”

Posted 2023-05-07

【中文标题】DataTables FixedColumn“未捕获的 ReferenceError：FixedColumns 未定义”

【英文标题】：DataTables FixedColumn "Uncaught ReferenceError: FixedColumns is not defined"

【发布时间】：2014-05-12 15:51:00

【问题描述】：

我正在尝试使用数据表的 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 is not defined。”

jQuery 1.11.0

数据表 1.9.4

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

怎么了？

【问题讨论】：

你的脚本标签是什么样的？文件是否加载？我的猜测是您缺少 FixedColumns.js

添加了脚本标签。但这绝对不是问题。 Chrome 报告它们都已成功加载。

【参考方案1】：

你应该使用：

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

documentation 实际上也是对我说的。

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

【讨论】：

但它像这里的 OP 一样说：datatables.net/release-datatables/extras/FixedColumns/…

你说得对，那里确实这么说。但是看看 github 上的当前 master（撰写本文时为 3.0.1-dev），至少从 3.0.0 开始，它不会像那里描述的那样工作。

嗯，这行得通...虽然 Datatables 非常棒，但我发现它们的文档太分散而无用...哦，好吧。谢谢！

我同意你的看法。似乎如果您从他们主页上的示例导航并为 FixedColumns 选择任何内容，您就会到达链接的 url epascarello。但是，如果您碰巧去了 Extras，并从那里导航到 FixedColumns 的示例，您就会到达另一个。

【参考方案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.
        );