Pagination 在前端进行分页的最佳方法

我有一个表，其中包含30-60行的数据。我想在前端给这个分页。基本上是这样的：

First 1 2 3 4(<current) 5 6 .. 15(<last page) Last

---

First 1 2 3 4（如果你想在客户端完成所有事情，这个插件应该做得很好：
在angularJs中，你可以像我们在Oodles Technologies中一样遵循这个方法

假设它们是3000-4000个实体，您需要使用UI select指令来显示。通常，如果您在选择框或UI select中绑定了500多个条目，那么如果您单击选择框或UI select，网站将被阻塞一段时间，那么如何解决此问题？
为了解决这个问题，你需要做两件事：-
1.Limito过滤器
2.警告控制器用户已到达列表底部的指令

在Ui选择中分页

<ui-select ng-model="education.clg" name="clg" theme="select2" append-to-body="true" sortable="true"  >
                  <ui-select-match placeholder="Select institution/university">{{$select.selected.name}}</ui-select-match>
                        <ui-select-choices repeat="college in colleges | propsFilter: {name: $select.search} >
                                 <div ng-bind-html="college.name | highlight: $select.search"></div>
                  </ui-select-choices>
         </ui-select>

让我们在ui select.add scroll detector=loadMore（）指令中使用上述指令

 <ui-select-choices repeat="college in colleges | propsFilter: {name: $select.search} >
          <div ng-bind-html="college.name | highlight: $select.search" | limitTo:currentElement" scroll-detector="loadMore()">     </div>
         </ui-select-choices>

当用户到达列表底部时，该值将增加20。如果您想将current元素重置回20，如果用户单击界面外侧，请选择，只需使用下面的行将其重置回

var myDiv=angular.element(document.querySelector('#myDiv'));
myDiv.click(function(){
  // reset back to 20
  $scope.currentElement=20;
})

希望它有帮助
不，但我不想做排序，我只想做分页..这样一些行被隐藏起来，通过分页usr可以看到它们。我知道。这个插件也分页
$scope.loadMore=function(){
  console.log("loadMore");
  $scope.currentElement=$scope.currentElement+20;
}

var myDiv=angular.element(document.querySelector('#myDiv'));
myDiv.click(function(){
  // reset back to 20
  $scope.currentElement=20;
})