Javascript JQuery数据表不工作
我正在尝试使用DataTable库(使用foundation zurb)创建表, 这是表格html代码:Javascript JQuery数据表不工作,javascript,jquery,datatable,zurb-foundation,Javascript,Jquery,Datatable,Zurb Foundation,我正在尝试使用DataTable库(使用foundation zurb)创建表, 这是表格html代码: <table dir="rtl" id="example" class="display responsive nowrap" cellspacing="0" width="100%; " > <thead style="margin-top:0%;"> <tr class="top-table" >
<table dir="rtl" id="example" class="display responsive nowrap" cellspacing="0" width="100%; " >
<thead style="margin-top:0%;">
<tr class="top-table" >
<th><label class="tableHeaders">מספר</label></th>
<th><label class="tableHeaders"><fmt:message key="email" /></label></th>
<th><label class="tableHeaders"><fmt:message key="department1" /></label></th>
<th><label style="float:right;"><fmt:message key="role1" /></label></th>
<th></th>
</tr>
</thead>
<tbody>
<c:forEach items="${listAdmin_user}" var="Admin_user" varStatus="status">
<tr>
<td>${status.index + 1}</td>
<td>${Admin_user.email}</td>
<td>${Admin_user.departmentObj.inCurrentLanguage}</td>
<td>${Admin_user.roleObj.inCurrentLanguage}</td>
<td>
<a href="editAdmin_user?id=${Admin_user.id}"><img src="resources/images/update.gif"></a>
<a href="deleteAdmin_user?id=${Admin_user.id}"><img src="resources/images/erase.gif"></a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
错误:
Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined
我还在另一个页面中使用了DataTable,它工作得很好,只有在这个页面上我得到了这个错误。
有人知道我的问题吗?标题列的数量不匹配导致此问题,标题列和行列的数量应该相等。 请将您的脚本更改为下面的脚本,它将适合您
<script>
$(document).foundation();
$(document).ready(function() {
var dataTable = $('#example').DataTable(
{
"language": {
"url": "resources/DataTables-1.10.12/DataTables-1.10.12/hebrew.json"
},
"columnDefs": [ {
"targets": [2,3],
"orderable": false
},
{ responsivePriority: 1, targets: 0 },
{ responsivePriority: 2, targets: 1 },
{ responsivePriority: 3, targets: 2 },
{ responsivePriority: 4, targets: 3 }
],
responsive: true,
});
$("#searchbox").keyup(function() {
dataTable.fnFilter(this.value);
});
$("#searchbox").on("keyup search input paste cut", function() {
dataTable.search(this.value).draw();
});
});
</script>
$(document.foundation();
$(文档).ready(函数(){
var dataTable=$('#示例')。dataTable(
{
“语言”:{
“url”:“resources/DataTables-1.10.12/DataTables-1.10.12/hebrew.json”
},
“columnDefs”:[{
“目标”:[2,3],
“可订购”:false
},
{响应优先级:1,目标:0},
{响应优先级:2,目标:1},
{响应优先级:3,目标:2},
{响应优先级:4,目标:3}
],
回答:是的,
});
$(“#搜索框”).keyup(函数(){
dataTable.fnFilter(此.value);
});
$(“#搜索框”)。打开(“键控搜索输入粘贴剪切”,函数(){
dataTable.search(this.value).draw();
});
});
谢谢!!!现在开始工作了!我可以将我的第二个表格添加到问题中,您可以在答案中添加此表格的更改吗?它不太管用??
i._DT_CellIndex={row:b,column:l};g.push(i);if((!c||n.mRender||n.mData!==l)&&(!h.isPlainObject(n.mData)||n.mData._!==l+".display"))i.innerHTML=B(a,b,l,"display");n.sClass&&(i.className+=" "+n.sClass);n.bVisible&&!c?j.appendChild(i):!n.bVisible&&c&&i.parentNode.removeChild(i);
Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined
<script>
$(document).foundation();
$(document).ready(function() {
var dataTable = $('#example').DataTable(
{
"language": {
"url": "resources/DataTables-1.10.12/DataTables-1.10.12/hebrew.json"
},
"columnDefs": [ {
"targets": [2,3],
"orderable": false
},
{ responsivePriority: 1, targets: 0 },
{ responsivePriority: 2, targets: 1 },
{ responsivePriority: 3, targets: 2 },
{ responsivePriority: 4, targets: 3 }
],
responsive: true,
});
$("#searchbox").keyup(function() {
dataTable.fnFilter(this.value);
});
$("#searchbox").on("keyup search input paste cut", function() {
dataTable.search(this.value).draw();
});
});
</script>