Question

我有一个html表，需要使用Bootstrap库和JQuery为它创建分页。

<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个项目进行分页。应该编号。谢谢

Answer 1

我在一个网站上使用jPaginate，当我为一个包含大量元素的表分页时 - 给你的表体提供一个id，然后像这样运行.jPaginate（）

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

你可以对@Robert Harvey提到的bootstrappaginator做同样的事情，它可能会更新一些。

修改的改变处理分页的一些插件的样式不应该花费太多时间，大部分时间你可以替换它们提供的类名，删除它们的CSS并使用bootstrap分页css类。

如何使用Bootstrap为html表创建分页

1 个答案: