在使用 datatable.js 插件时，有时候会出现 table.columns is not a function 的错误提示。这个错误通常是由于没有正确引入 datatable.js 或者代码中存在一些语法错误导致的。
错误示例
以下示例代码展示了一个简单的 datatable.js 使用场景：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ------------------- ------------ ----- ---------------- --------------- ------------------------------------------------------------------ ------- ---------------------- ----------------------------------------------------------- ------- ---------------------- ------------------------------------------------------------------------ ------- ------ ------ ------------- ------- ---- ------------- ------------ ------------- ----- -------- ------- ---- -------- -------- ----------- ------- --------- ----- ---- -------- -------- ----------- --------------- ----- ---- ------- ----------- ----------- -------------- ----- -------- -------- -------- ---------------------------- - --- ----- - -------------------------- ---------------------- -------- -- - --- ---- - ----- -- -------- ------------- ----- ------ ------ ------- -------- -- - -- - ------------- --- ---------- - - ---- -------- ---------- - -------- - - -- - -- - -- --------- ------- -------展开代码
如果直接运行这段代码，就会在控制台看到 table.columns is not a function 的错误提示。
解决方案
解决这个问题的方法很简单，你需要确保引入了 datatable.js 文件，并且没有语法错误。另外，也可以尝试更新最新版本的 datatable.js 来解决这个问题。
正确的引入方式如下：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ------------------- ------------ ----- ---------------- --------------- ------------------------------------------------------------------ ------- ---------------------- ----------------------------------------------------------- ------- ---------------------- ------------------------------------------------------------------------ ---- -- ------------ --- ------- ------ ------ ------------- ------- ---- ------------- ------------ ------------- ----- -------- ------- ---- -------- -------- ----------- ------- --------- ----- ---- -------- -------- ----------- --------------- ----- ---- ------- ----------- ----------- -------------- ----- -------- -------- -------- ---------------------------- - --- ----- - -------------------------- ---------------------- -------- -- - --- ---- - ----- -- -------- ------------- ----- ------ ------ ------- -------- -- - -- - ------------- --- ---------- - - ---- -------- ---------- - -------- - - -- - -- - -- --------- ------- -------展开代码
指导意义
在使用第三方库或插件时，经常会遇到各种错误提示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31485
