I am using IgHierarchicalGrid with local paging and page size as 20. when loading a observable data of 70 records, its showing all records in the first load. when you click on second page, then the view change to 20 records as expected.
I am using Angular 4. Also noticed the behavior is due to observable data. Please let me know a solution.
After the data is returned from the service you need to call dataBind, for example:
@ViewChild('grid1') myGrid: IgHierarchicalGridComponent;
...
this.peopleService.getAll().subscribe( res => { this.people = res; this.newId = this.people.length; setTimeout(()=> { this.myGrid.dataBind(); }, 1000); },
Could you please explain me in detail how to use databind of grid in Angular 4 application?
Also could you please check with your team about any status? It's been a week.
As a workaround until the issue has been fixed I suggest you to try calling dataBind of the grid after the data is returned from the service and before it's bound to the grid.
Our developers are working on it but I can't give you a good estimate when this issue will be fixed. Please follow the GitHub issue by subscribing to it.
Is there any update on this issue?