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
} ); 

} );

TypeError：$ .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

ref链接：https://datatables.net/download/release

数据表FixedHeader插件错误

2 个答案: