为什么footable的分页不起作用？答案

【问题标题】：Why the pagination of footable is not working?为什么footable的分页不起作用？
【发布时间】：2014-06-18 14:11:16
【问题描述】：

我正在尝试在我的项目中实现FooTable-2，但由于某种原因我无法使分页工作。

我正在关注THIS 教程，这是迄今为止我所拥有的表格代码：

<div id="mainContent">
   <div id="allTrackersDiv" style="display: none;">
      <label><b>Active Trackers</b></label>
      <table class="activeTrackersTable" id="allTrackersTable" 
         data-page-navigation=".pagination">
         <thead>
            <tr>
               <th> ID </th>
               <th> col 1 </th>
               <th> col 2 </th>
               <th> col 3 </th>
            </tr>
         </thead>
         <tbody data-bind="foreach: trackersObjArray">
            <tr data-bind="click: test">
               <td><span data-bind="text: tId"></span></td>
               <td><span data-bind="text: tname"></span></td>
               <td><span data-bind="text: pname"></span></td>
               <td><span data-bind="text: tcreate"></span></td>
            </tr>
         </tbody>
         <tfoot>
            <tr>
               <td colspan="4">
                  <div class="pagination"></div>
               </td>
            </tr>
         </tfoot>
      </table>
   </div>
</div>

问题是分页不起作用。我的表中有 22 条记录，它应该在第 10 条记录之后开始分页

这是它的外观：

我在这里缺少什么？在我看来，一切看起来都很好。我错过了什么，我真的无法理解我的错误。

【问题讨论】：

你也需要发布你的 JavaScript。小提琴也会有所帮助。
标题“为什么分页不起作用？”没有描述你的问题。每次发帖时，请确保您尝试用几句话来解释您的问题......只是说。
您是否尝试明确添加data-page-size="10"？如果默认有问题？
@LittleSuzy 是的，我试过了。 :)
那也没用？ @Slim

标签： javascript jquery footable

【解决方案1】：

你可以尝试提及

data-page-size="10"

明确地。

如果这不起作用，可能是由于动态数据被添加到footable。

使用

$('#myTable').append(html).trigger('footable_redraw');

这样footable 将被重绘并应用大小限制。

参考链接：Footable data page size not respected 和 Other issues due to dynamic data in footable

【讨论】：

如果 append(html) 不起作用，请尝试 (this.html)，因此代码现在为： $('#myTable').append(this.html).trigger('footable_redraw') ;