在Ng-Repeat中，Footable Pagination不适用于过滤器

Question

我在ng-repat数据中使用Footable分页进行分页。当我在ng-repeat中使用过滤器时，我的分页不起作用。

如果我有10个记录，其中有2个分页，并且我过滤了2页上的数据，那么它显示2个页面，1个用于空白，2个用于过滤数据。

我的表PageSize

<table class="table m-b-none t-a-m" ui-jq="footable" data-page-size="10">

我的Ng-Repeat

<tr ng-repeat="A in B | filter : {IsActive : status, RegionId : user.ClientRegion , ClientName : user.CompanyName} | filter : {DriverFirstName:filterText } " id="{{accident.Id}}">

我的足迹

<td colspan="8" class="text-right"> <ul class="pagination hide-if-no-paging"></ul> </td>

那么，我怎样才能解决分页问题？

Answer 1

使用data-filter="#whatever"将id="whatever"添加到您的表格元素和输入字段，然后移除用于从filter搜索的ng-repeat。

还要记住包括footable.filter.js。

搜索字段

<input id="accident-table" class="form-control" placeholder="Search...">

表格

 <table class="table m-b-none t-a-m" ui-jq="footable" 
      data-filter="#accident-table" data-page-size="10">...</table>

<强>纳克重复

<tr ng-repeat="A in B | filter :  {IsActive : status, RegionId  : user.ClientRegion , ClientName : user.CompanyName}"
   id="{{accident.Id}}">