Question

这是我的onload函数

$(document).ready(function() {  


    alert("hi");
            $('#training').dataTable({

                 "aLengthMenu": [100],
                "bJQueryUI": true,
                "aoColumns": [
                              null,
                            { "asSorting": [ "asc" ] },
                              null,
                               ],
                "sPaginationType": "full_numbers",
            }); 
            alert("hi");
        } );

这是我的表数据

<table width="100%" align="center"  class="training"  style="margin-top: 10px;" id="training">

                                                                 <tr class="tblRowTitle" height="100">
                                                                    <th  align="center" >SNo.</th>
                                                                    <th  align="center" >User Name</th>
                                                                    <th align="center"><input type="checkbox" id="selectall" />Unlock</th>
                                                                    </tr>
                                                             <c:forEach items="${userList}" var="userList" varStatus="index">
                                                                     <tr class="tblRowB" id="showdata" height="20">

                                                                        <td ><label>${index.count}</label></td>
                                                                        <td align="left">
                                                                            <b><esapi:encodeForHTMLAttribute>${userList.userName}</esapi:encodeForHTMLAttribute>
                                                                        </b></td>
                                                                        <td><input type="checkbox" class="unlock" name="unlock" /></td>

                                                             </c:forEach> 
                                                         </table>

当我执行ready函数时，它没有执行。我正在调试时，我得到一个例外和一个警告消息

DataTables警告（表格ID =＆＃39;培训＆＃39;）：意外的TD元素数量。预期9并得到6. DataTables不支持表体中的rowspan / colspan，并且每个行/列组合必须有一个单元格。 common_js.js：1318

未捕获的TypeError：无法读取属性＆＃39;长度＆＃39;未定义的

这是我的js文件

<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/1.9.4/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/tabletools/1.9.4/js/dataTables.tableTools.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/1.9.4/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.9.4/css/jquery.dataTables.css" rel="stylesheet"  type="text/css" />

所以请让我知道我在做错的地方在这里，我没有获得分页和排序功能。

数据表函数没有执行

0 个答案: