datatable中报错 table.XXX is not a function的解决方法

发布于 2020-09-13  284 次阅读


在datatable中可以通过三种不同的方式为一个或多个表获取一个新的Datatables API实例:
(1)$ ( selector ).DataTable();
(2)$ ( selector ).dataTable().api();
(3)new $ .fn.dataTable.Api( selector );
每种方式的结果都是Datatables API对象的一个实例,该实例具有选择器在其上下文中找到的表。请务必注意$ ( selector ).DataTable();和$ ( selector ).dataTable();之间的区别。前者返回Datatables API实例,而后者返回 jQueryType 对象。使用api()方法添加到jQuery对象,你也可以轻松访问API,但是jQuery对象对于操作表节点可能很有用,就像处理其他jQuery实例一样(比如使用addClass()等等)。因此当出现“ table.XXX is not a function”时,首先看你的 var table =$ ( selector ).DataTable()还是var table =$ ( selector ).dataTable().如果是前者,说明table.xxxx()的xxx不是一个函数;如果是后者,则需要将table.xxx改为 table.api().xxx()的方式这样才能够正常使用datatable的api.当然,你也可以直接将var table =$ ( selector ).dataTable()改为var table =$ ( selector ).DataTable()即可。


繁华落尽,雪花漫天飞舞。