2014-01-08 77 views
-1

我有一個html表格,需要使用Bootstrap庫和JQuery爲其創建分頁。如何使用Bootstrap爲html表格創建分頁

<table class="table table-bordered table-condensed"> 
    <thead> 
    <tr> 
     @foreach (System.Data.DataColumn column in Model.Columns) 
     { 
      <th>@column.ColumnName</th> 
     } 
     </tr> 
     </thead> 
     <tbody> 
     @foreach (System.Data.DataRow row in Model.Rows) 
     { 
      <tr> 
      @foreach (System.Data.DataColumn column in Model.Columns) 
      { 
       <td>@row[column].ToString()</td> 
      } 
      </tr>        
     } 
     </tbody> 
</table> 

我需要對錶格中的每20個項目進行分頁。應該編號。感謝

+0

如果你能買得起另一個插件看看Datatables.js。它可以讓你做更多的事情比簡單的分頁。 – Smith

+0

羅伯特的網站沒有給出一個與HTML表的例子。史密斯我需要它bootstrap。 – user2906420

回答

0

我用jPaginate上的網站時,分頁表一中很多元素 - 給你的表身,然後一個id像這樣

$('#your_id').jPaginate(); 

運行.jPaginate()你也許可以做同樣的@Robert Harvey提到的bootstrappinator,它可能更新一點。

編輯 它不應該花太多改變的一些處理分頁,大部分的時間,你可以替換他們提供的類名插件的造型,放棄他們的CSS和使用引導分頁CSS類代替。