为什么脚的分页不起作用？

Question

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

我正在学习这教程，下面是到目前为止我所掌握的表代码：

<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条记录之后开始分页。

以下是它的外观：

​

​

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

Answer 1

你可以试着提起

data-page-size="10"

明文规定。

如果这样做不起作用，那么问题可能是由于动态数据被添加到可引脚中。

使用

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

因此，脚将被重新绘制和大小限制将被应用。

参考链接：不尊重Footable数据页大小和因页表中的动态数据而引起的其他问题