我正在尝试实现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>
Run Code Online (Sandbox Code Playgroud)