Select all in header failing when we have pagination

Posted by: samvarth123 on 19 June 2019, 12:29 am EST

  • Posted 19 June 2019, 12:29 am EST

    Hi !

    In the example below :

    https://stackblitz.com/edit/angular-p8kyyt?file=src%2Fapp%2Fapp.component.ts

    I have select all check box header and when I appy pagination the second page checkboxes are not getting selected.

    Could you please help me in that

    Thanks,

    Siva

  • Posted 19 June 2019, 9:02 pm EST

    Hello,

    When you use paging with FlexGrid, only the rows which are shown on the screen are created for the grid. So, selecting all the items using rows property of FlexGrid will not work. You will need to add an extra property in your data source that will check whether the item is selected. Please refer to the sample below:

    https://stackblitz.com/edit/angular-gnf97h

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels