javascript - 数据表固定 header 插件错误

Question

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

$(文档).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 和 CSS 以获取 DataTable 中的固定 header 。

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