無法將Datatables與Bootstrap 3集成

Question

我試圖將TB3與DataTables集成爲this example show，但我無法獲得它，因爲您可能會在附圖上看到它。

什麼是不工作？ 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的調試頁面，我可以在控制檯中看到這樣的錯誤：

Uncaught TypeError: Cannot read property 'pageButton' of undefined dataTables.bootstrap.js:38

是對plugin/script過時的或我在這裏失去了一些東西？任何幫助或建議？

Answer 1

看起來這是影響從9th July until patched on the 27th August 2014.

周圍釋放的問題，您正在使用的環節是數據表的插件，這是打破了分頁的一個非常具體的版本。

您將要使用的數據表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