无法让Datatables与Bootstrap 3集成

Question

我试图将TB3与DataTables集成在一起，this example显示但是我无法理解它，正如您在附图中看到的那样。

什么不行？ select元素没有应用TB类，也与搜索框相同，最后是前一个|下一个按钮。我这里唯一要做的就是添加dataTableBootstrap.js脚本和dataTableBootstrap.css样式，其余的是常见的TB3表格标记：

<table class="table table-striped table-hover table-condensed" id="dataTable">
    <thead>
        <tr>
            <th></th>
            <th>Tipo de Trámite</th>
            <th>No. Solicitud</th>
            <th>Tipo de Solicitud</th>
            <th>Estado</th>
            <th>Fecha</th>
            <th>Acciones</th>
        </tr>
    </thead>
    <tbody>
        ... something goes here
    </tbody>
</table>

如果我通过Chrome调试页面，我可以在控制台中看到此错误：

  

未捕获的TypeError：无法读取属性＆＃39; pageButton＆＃39;未定义的dataTables.bootstrap.js：38

plugin/script过时了还是我在这里丢失了什么？有任何帮助或建议吗？

Answer 1

这似乎是一个影响9th July until patched on the 27th August 2014.

周围发布的问题

您使用的链接是dataTables插件的一个非常具体的版本，它打破了分页。

您将需要使用Datatable CDN页面上引用的链接 - 而不是您在示例代码页上找到的链接：

http://cdn.datatables.net/

作为参考，latest version found是：

CSS： http://cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.css

JS： http://cdn.datatables.net/plug-ins/a5734b29083/integration/bootstrap/3/dataTables.bootstrap.js

Answer 2

我在尝试使用与DataTables 1.9.4的Bootstrap 3集成时遇到了这个问题。 DataTables插件存储库中的提交日志表明其中的插件在某些时候已更新为DataTables 1.10。

我通过在此提交中使用存储库中的代码来实现它： https://github.com/DataTables/Plugins/tree/1f6bed3b750c258297ccef1b36e87ef9aed53660