Angular ui grid custom filter not showing for more than 10 columns

Question

I am using angular grid. I implemented custom dropdown filter on two columns by following this article and I have totally 11 columns. If I add the 11th column then filter is not showing up for one of the column but all 11 columns are displayed properly. If I remove the 11th column then filter dropdown is showing up for both the columns.

Any work around??

I am already using

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>

and in my HTML as well. thats why all columns are displayed correctly for more than 10

This is not duplicate of this

Rashmi HazeL ivy DorisFay · Accepted Answer · 2019-06-25 13:25:17Z

0

This issue occurs in ui-grid after applying any functions,eg filter update,updating the values,editing or delete. ie its occurs while reloading the grid with updated values.
If you watch close,the Data inside the gird get changed but the paginations and its pageLimit still not updated.
So,after applying the filter the limit needs to set again and the paginations too.

eg

the below function you call for gird ,before or after custom filter.

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

}

your filter applyfunction be

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

answered Jun 25, 2019 at 13:25

Rashmi HazeL ivy DorisFay

6521 gold badge6 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

subha Over a year ago

But I am not using pagination in ui-grid

Collectives™ on Stack Overflow

Angular ui grid custom filter not showing for more than 10 columns

1 Answer 1

eg

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

eg

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related