jQuery 和 DataTable

jQuery and DataTables

提问人:user199135 提问时间:11/15/2021 最后编辑:user199135 更新时间:11/15/2021 访问量:128

问:

我一直在使用

$(document).ready( function () {
    $('#EmployeeTable').DataTable({
    paging: true,
    });
});

在我的外部JS文件中,根据这个

https://datatables.net/

它的工作方式与表格格式相同,但搜索栏和分页不起作用

我错过了什么吗?

https://jsfiddle.net/mustdos/vagnbrLs/1/

这是 jsfiddle with Employee 部分处于活动状态

jQuery 数据表

评论

0赞 andrewJames 11/15/2021
浏览器的控制台是否有任何错误?(通常,使用 F12 打开它)。请参阅此基本示例,并注意也列出的 2 个 JavaScript 库。
0赞 andrewJames 11/15/2021
另外,请仔细检查安装步骤
0赞 user199135 11/15/2021
jsfiddle.net/mustdos/vagnbrLs/1
0赞 user199135 11/15/2021
检查了它们,我已经拥有所有链接。这是我的 jsfiddle,请注意,这里只有 Employee 部分处于活动状态
0赞 andrewJames 11/15/2021
这是很多代码。我的怀疑:看起来您正在异步将数据加载到 JavaScript 中的 HTML 表中。发生这种情况时,DataTable 将初始化 - 并认为该表是空的。因此,您将在 HTML 表中看到您的数据,但 DataTable 的行为就像该表为空一样。这就是为什么当您执行筛选时,它会显示“未找到匹配的记录”的原因。我的建议是:(1) 将 DataTables 初始化代码放入回调中 - 以及 (2) 作为标签添加到问题中。angular

答: 暂无答案