为什么Footable分页无法正确显示？

Sonicdeadlock 发表于 Dev

音速死锁

我正在尝试实现Footable，这是一个用于使表响应的JQuery插件。Footable有一个附加程序，可以添加分页。[演示]

并且（http://fooplugins.com/footable/demos/paging.htm）用于使用分页插件。我尝试遵循此演示，但我的分页显示为垂直无序列表。按钮功能正常但外观不佳。这是一个链接图像，由于我的声誉不够高，我无法在此处发布。

这是我的表格代码：

<table class="table table-hover" ng-show='form.length>0' data-page-navigation=".pagination">
    <thead>
        <th ng-repeat="(key, formAttr) in form | orderBy:'attributes.order'" >{{formAttr.attributes.name}}<br/>({{formAttr.type}})</th>
        <th>Submission Time</th>
    </thead>
    <tbody>
        <tr ng-repeat="(key, response) in formResponses">
            <td ng-repeat="(key, formAttr) in form | orderBy:'attributes.order'">{{$parent.response.results[formAttr.att_id]}}</td>
            <td>{{response.submission_time}}</td>
        </tr>
    </tbody>
    <tfoot class="">
        <tr>
            <td colspan="5">
                <div class="pagination pagination-centered"></div>
            </td>
        </tr>
    </tfoot>
</table>

杰夫

您的页脚应如下所示：

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

您可以看出，这与演示中的内容有所不同。该链接向我展示了https://github.com/bradvin/FooTable/issues/136的区别。

这是一个演示该问题的工具：http : //plnkr.co/edit/8Yyk8NN8rsqdXtrvJDOM

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。