数据表 FixedHeader 插件错误

Question

我正在使用 Datatable FixedHeader 插件。 检查我的代码。 但插件无法正常工作。 发生控制台错误“TypeError: $.fn.dataTable.FixedColumns 不是构造函数”请给我解决方案。 谢谢

$(document).ready(function() {

var table=$("#example").dataTable( {
        "bProcessing": false,
        "bServerSide": false,
        "sort": "position",
      "scrollY":"300px",
      "scrollX":"200px",
     "scrollCollapse": true,
        "sAjaxSource": "searchatOrganisations",
        "aoColumns": [

            { "mData": "aoId" },
            { "mData": "aoCreatedby" },
            { "mData": "aoCreatedon" },
            { "mData": "aoModifiedby" },
            { "mData": "aoModifiedon" },
            { "mData": "aoName" },
            {
                "mData": null,
                className: "center",
                defaultContent: '<a href="vieweditatOrganisations?aoId=${aoId}" class="editor_edit">Edit</a> / <a href="" class="editor_remove">Delete</a>'
            }
        ]
    } );
 new $.fn.dataTable.FixedColumns( table, {
    leftColumns: 1,
    rightColumns: 1
} ); 

} );

类型错误：$.fn.dataTable.FixedColumns 不是构造函数

Answer 1

您需要在页面上包含 JS 文件。

dataTables.fixedHeader.js

我也遇到了同样的问题，这是需要包含的js

Answer 2

包括以下 JS 和 CSS 以在 DataTable 中获取固定标题。

https://cdn.datatables.net/fixedheader/3.1.7/css/fixedHeader.dataTables.min.css https://cdn.datatables.net/fixedheader/3.1.7/js/dataTables.fixedHeader.min.js

参考链接： https : //datatables.net/download/release