html - Datatables 插件适用于四行表,但在添加第五行时会出现问题

标签 html css datatable datatables

我正在尝试在我的网页中使用 DataTables 插件 (datatables.net)。但不适用于我的数据集。所以我混淆了我的数据并编写了给定的 SSCCE 来演示问题。

这是一个<table>四个<tr> s 在 this JSFiddle ,在这个例子中它工作正常。

但是一旦我添加第五行 <tr> ,一切都变得一团糟,如 this JSFiddle 所示;即不再任何搜索栏或分页控件的任何痕迹。

那么问题是我该如何解决呢?

最佳答案

有几处错误 - 请参阅此工作 fiddle here

  1. 您缺少 jQuery 库 - 所以在控制台中我看到:Uncaught ReferenceError: jQuery is not defined

  2. 您在最后一行缺少一列 - 控制台给出错误:Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined

关于html - Datatables 插件适用于四行表,但在添加第五行时会出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49892366/

相关文章:

javascript - 在网络 worker 之间共享变量? [全局变量?]

c# - DataGrid绑定(bind)到DataTable时如何刷新DataGrid行?

html - 如何避免 CSS 选择器应用于多个级别的后代

javascript - jQuery 鼠标悬停间隔

html - 有条件的 AngularJS/Bootstrap 颜色单元格

css - 如何修复响应式表单布局

javascript - Datatables jQuery 事件适用于第二页,不适用于其余页面

javascript - jquery使用子节点修改复选框属性

javascript复选框选中所有

html - 从 Documents 目录在 UIWebview 中打开时,ios-css 和 js 无法在 html 文件中链接