Пользовательский фильтр угловых сеток не отображается более 10 столбцов

Question

Я использую угловую сетку. Я реализовал пользовательский выпадающий фильтр для двух столбцов, следуя статье , и у меня всего 11 столбцов. Если я добавлю 11-й столбец, то фильтр не будет отображаться для одного из столбцов, но все 11 столбцов отображаются правильно. Если я удалю 11-й столбец, то для обоих столбцов появится раскрывающийся список фильтров.

Любая работа вокруг ??

Я уже использую

app.js:

angular.module('myapp', ['ngAnimate', 'ngResource', 'ngTouch', 'ui', 'ui.bootstrap',
'ui.grid', 'ui.grid.grouping', 'ui.grid.autoResize', 'ui.grid.resizeColumns']);

index.html:

<div  id="grid1" ui-grid="gridOptions"
                             class="grid" ui-grid-resize-columns ui-grid-grouping ui-grid-auto-resize></div>

и в моем HTML тоже. поэтому все столбцы отображаются корректно более 10

Это не дубликат этого

Answer 1

1. Эта проблема возникает в пользовательском интерфейсе после применения каких-либо функций, например фильтра. обновить, обновить значения, редактировать или удалить. то есть это происходит при перезагрузке сетки с обновленными значениями.

2. Если вы смотрите близко, Данные внутри птички меняются, но нумерация страниц и pageLimit еще не обновлен.

3. Итак, после применения фильтра необходимо снова установить предел и нумерацию страниц.

например

нижеуказанная функция, которую вы вызываете для gird, до или после пользовательского фильтра.

var limit = 10 // your page limit 
 var pageNo = 1// default pageno on first load
 $scope.gridLists(pgNo,pgLimit){
  pageNo = (pgNo) ? pgNo : pageNo;
  limit =(pgLimit)? pgLimit : limit
   ----your--code----
   $scope.gridOptions.paginationCurrentPage = pageNo;
   $scope.gridOptions.paginationPageSize = parseInt(limit);

}

Ваш фильтр применяет функцию быть

$scope.applyFilter(){
      --your changes---
      $scope.gridLists(1,10);
}