Footable 插件分页不起作用

Question

我已经按照给定的脚注分页示例进行操作 here 但是分页在我的情况下不起作用。

以下是我的代码

<table id="exptab" class="table demo footable-loaded footable default" data-page-size="5">


  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody >
    <tr>
      <td>January</td>
      <td>0</td>
    </tr>
    <tr>
      <td>February</td>
      <td></td>
    </tr>
      <tr>
      <td>January</td>
      <td>0</td>
    </tr>
      <tr>
      <td>January</td>
      <td>0</td>
    </tr>
      <tr>
      <td>January</td>
      <td>0</td>
    </tr>
      <tr>
      <td>January</td>
      <td>0</td>
    </tr>
      <tr>
      <td>January</td>
      <td>0</td>
    </tr>


  </tbody>
  <tfoot class="hide-if-no-paging">
  <tr>
    <td colspan="5" class="text-center">
        <ul class="pagination">
        </ul>
    </td>
  </tr>
</tfoot>

</table>

<script type="text/javascript">
    $(function () {
        debugger;
        $('table').footable();



    });

    </script>

为了分页，我什至添加了一个 ul class="pagination" 但这也行不通。有人可以指出缺少的内容吗？

Answer 1

确保您已包含分页插件 javascript 文件

Answer 2

几个月前我终于解决了这个问题。以某种方式添加他们在 footable 存储库中的文件对我来说从来没有用过。我对他们的示例如何简洁地工作感到困惑，而我的却没有！所以最后我决定访问他们的源代码并直接获取示例使用的文件并在我的代码中引用它们。

瞧！它开始像魅力一样工作:)

请注意：我已经多次比较了示例中的所有参考资料，我没有使用过任何东西......但是他们用于示例的文件起到了作用，而他们中的文件存储库对我没用。

Footable 插件分页不起作用

Footable plugin pagination not working

pagination

footable