【发布时间】:2021-11-01 10:20:53
【问题描述】:
我一直试图让 DataTables 插件在我的网络服务器上运行,但它失败了。在本地主机上,它运行良好,但在服务器上,它显示所有记录而没有分页并说“显示 0/0 的 0 个条目”,当我尝试使用搜索功能时,我得到“没有可用的数据桌子”。 DataTables 似乎无法以某种方式识别数据。
我打开控制台检查错误,但没有发现任何错误。
我正在使用 CPanel 来处理所有事情。
以下是相关代码:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<!-- Datatables CDN -->
<link rel = "stylesheet" type = "text/css" href = "https://cdn.datatables.net/1.11.0/css/dataTables.bootstrap.min.css">
<script src = "https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js"></script>
<script src = "https://cdn.datatables.net/1.11.0/js/dataTables.bootstrap.min.js"></script>
</head>
对于表格数据,我将数据放入自己进行测试。这是一个示例:
<script>
let accountCreationData = [
{ AccountCreationEmail: 'Doomguy@doomguy.com', AccountCreationSendDate: '9/8/2021'},
{ AccountCreationEmail: 'Doomguy@doomguy.com', AccountCreationSendDate: '8/8/2021'},
{ AccountCreationEmail: 'Doomguy@doomguy.com', AccountCreationSendDate: '8/8/2021'},
............
然后我像这样构建表格:
dataHtml1 += `<tr class="notFirst"><td class = "AccountCreationClass"><div>${account.AccountCreationEmail}</div></td><td class = "AccountCreationClass"><div>${account.AccountCreationSendDate}</div></td><td><div class = "redCell"><b> Yes</b></div></td></tr>`;
以及 DataTables 的脚本:
<script>
$(document).ready(function() {
$('#AccountCreationInvitationTable').DataTable({
'ordering': false,
'lengthChange': false,
});
$('#ActiveAccountTableTableID').DataTable({
'ordering': false,
'lengthChange': false,
});
});
</script>
这是它在 localhost 上的样子:
这是它在网络服务器上的样子:
【问题讨论】:
标签: javascript jquery datatables