用datatable时jquery.min.js:2 Uncaught TypeError: Cannot read property ‘mData‘ of undefined

最新推荐文章于 2024-04-09 13:55:57 发布

半零落

最新推荐文章于 2024-04-09 13:55:57 发布

阅读量1.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43634412/article/details/108761824

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

                            <table id="example2" class="table table-hover table-bordered">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="minimal icheck_master" /></th>
                                    <th>ID</th>
                                    <th>用户名</th>
                                    <th>手机号</th>
                                    <th>邮箱</th>
                                    <th>更新时间</th>
                                    <th>操作</th>

                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="#{tbUsers}" var="tbUser">
                                    <tr>
                                        <td><input id="${tbUser.id}" type="checkbox" class="minimal" /></td>
                                        <td>${tbUser.id}</td>
                                        <td>${tbUser.username}</td>
                                        <td>${tbUser.phone}</td>
                                        <td>${tbUser.email}</td>
                                        <td><fmt:formatDate value="${tbUser.updated}" pattern="yyyy-MM-dd HH:mm:ss"/> </td>
                                        <td><a href="#" type="button" class="btn btn-sm  btn-default"><i class="fa fa-search"></i> 查看</a></td>
                                        <td><a href="#" type="button" class="btn btn-sm  btn-primary"><i class="fa fa-edit"></i> 编辑</a></td>
                                         <td> <a href="#" type="button" class="btn btn-sm  btn-danger" data-toggle="modal" data-target="#modal-default"><i class="fa fa-trash-o" ></i>删除</a></td>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>

之前是这样，表头和内容列数不一致，导致出错
改后：

                            <table id="example2" class="table table-hover table-bordered">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="minimal icheck_master" /></th>
                                    <th>ID</th>
                                    <th>用户名</th>
                                    <th>手机号</th>
                                    <th>邮箱</th>
                                    <th>更新时间</th>
                                    <th>操作</th>

                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="#{tbUsers}" var="tbUser">
                                    <tr>
                                        <td><input id="${tbUser.id}" type="checkbox" class="minimal" /></td>
                                        <td>${tbUser.id}</td>
                                        <td>${tbUser.username}</td>
                                        <td>${tbUser.phone}</td>
                                        <td>${tbUser.email}</td>
                                        <td><fmt:formatDate value="${tbUser.updated}" pattern="yyyy-MM-dd HH:mm:ss"/> </td>
                                        <td>
                                            <a href="#" type="button" class="btn btn-sm  btn-default"><i class="fa fa-search"></i> 查看</a>
                                            <a href="#" type="button" class="btn btn-sm  btn-primary"><i class="fa fa-edit"></i> 编辑</a>
                                            <a href="#" type="button" class="btn btn-sm  btn-danger" data-toggle="modal" data-target="#modal-default"><i class="fa fa-trash-o" ></i>删除</a>
                                        </td>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>