Jquery 数据表不适用于分页答案

【问题标题】：Jquery datatables does not work with paginationJquery 数据表不适用于分页
【发布时间】：2016-06-11 20:05:37
【问题描述】：

我正在使用数据表插件，但分页不起作用。我有实例化 CSS 和 JS 的要求，但我不知道为什么这不起作用。

一切正常，只是分页按钮不行，有什么建议吗？

头：

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"></style>
<link rel="stylesheet" type="text/css" href="/css/bootstrap.vertical-tabs.min.css"></style>

FOOTER:

    <script type="text/javascript" src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="/action/controller.js"></script><!-- this my js -->

HTML:

    <table id="datagrid_test" class="datagrid">
    <thead>
    <tr>
        <th>FIELD1</th>
        <th>FIELD2</th>
        <th>FIELD3</th>
    </tr>
    </thead>
    <?php
        for ($i=0; $i < 20 ; $i++) { ?>
    <tr>
        <td>aaa<?=$i?></td>
        <td>bbb<?=$i?></td>
        <td>ccc<?=$i?></td>
    </tr>
    <?php  } ?>
    </tr>
    </table>

JS: 

$(document).ready( function(){    
     $('#datagrid_test').dataTable();
}

【问题讨论】：

标签： javascript jquery datatables

【解决方案1】：

我认为问题的原因是库版本不匹配：您有 1.10.2 的数据表，并且您使用 1.10.12 版本的引导集成脚本，因此只需包含适当版本的数据表即可解决问题。

    <script type="text/javascript" src="http://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>

还有一件事，看起来您在关闭 table 标记之前有一个多余的关闭 tr 标记。

【讨论】：

谢谢@ConstantineUA。这是工作正常！