Footable 分页不适用于 Ng-Repeat 中的过滤器答案

【问题标题】：Footable Pagination is Not Work with Filter in Ng-RepeatFootable 分页不适用于 Ng-Repeat 中的过滤器
【发布时间】：2016-05-19 22:53:16
【问题描述】：

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

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

我的表格页面大小

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

我的 Ng-重复

<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>

那么，我该如何解决分页问题？

【问题讨论】：

你到底在用什么分页库？
嘿，我正在使用footable jquery
好的。能提供jsfiddle吗？
否，因为它是在当前项目中实现的，并且没有为此的示例应用程序。但我使用带有过滤器的 ng-repeat。页面分页的加载看起来不错，但是当我过滤数据时会中断。
没有代码示例我们无法解决您的问题。对不起。

标签： angularjs footable

【解决方案1】：

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

记住还要包括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>

ng-重复

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

【讨论】：