Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery数据表不工作_Javascript_Jquery_Datatable_Zurb Foundation - Fatal编程技术网

Javascript JQuery数据表不工作

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" >

我正在尝试使用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" >
                <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>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <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>