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.
Hello Shibashish,
I investigated your issue and logged it as a bug in GitHub. Here is a link for your reference: https://github.com/IgniteUI/igniteui-angular-wrappers/issues/250. You may follow the progress of the GitHub issue by clicking on "Subscribe" button placed on the bottom right edge. If you have any questions, please let me know.
Regards,
Tsanna
Is there any update on this issue?
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.
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.
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); },