Question

我已经非常成功地使用了uib-pagination，但是我现在正在分页的数据非常庞大，并且事实证明，页面的数量非常大，因此我在页面上有大约2800多个按钮页面的结尾。我需要以某种方式让用户有机会使用较少数量的按钮浏览页面。

假设我需要将按钮设为[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [下10页] ... [上10页] [2790] [2791] [2792] [2793] [2794] [2795] [2796] [2797] [2798] [2799] [2800]

这是html

<uib-pagination total-items="SearchCriteria.PageInfo.Total_Items"
                                    items-per-page="SearchCriteria.PageInfo.Pg_sz"
                                    next-text="Next"
                                    previous-text="Previous"
                                    ng-model="SearchCriteria.PageInfo.Pg_no"
                                    class="pagination-sm"
                                    boundary-link-numbers="true"
                                    ng-change="GetPaged()">
                    </uib-pagination>

这是我正在使用的组件： ui-bootstrap-tpls-1.0.3.js

我可以使用任何属性来实现此目的吗？

Answer 1

使用 max-size 属性

<uib-pagination 
      max-size= "maxSizeValue">
 </uib-pagination>

uib分页，限制可见页面按钮的最大数量

1 个答案: