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>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
      <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
      <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
      <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
      <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
      <tr>
      <td>January</td>
      <td>$100</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 =＆＃34; pagination＆＃34;然而，这也不起作用。有人可以指出缺少什么。

Answer 1

确保您已包含paginate add-on javascript文件

Answer 2

几个月前我终于解决了这个问题。添加他们在footable repositary中的文件从来没有以某种方式为我工作。我很困惑他们的例子如何运作整洁，我的没有！所以最后我决定访问他们的源代码并直接获取示例使用的文件，并在我的代码中引用它们。

瞧！它开始像魅力一样工作：）

请注意：我已经多次对示例中的所有引用进行了比较，没有任何内容没有被我用过......但是他们用于示例的文件做了伎俩，而他们的存储库中的文件从未为我工作。

Footable插件分页不起作用

2 个答案: