Angular Material Table Page-Wise Selection: how to limit selection to the current page in Angular Material Table?

Question

In Angular Material Table (with Pagination and Selection) when we click the checkbox in the header, it always selects all the rows. I there an easy way to select only the rows that are on the currently selected page?

Please provide feedback on my current solution: stackblitz.com/edit/angular-4by7xt — Sudhanshu
This is allready the case in the stackblitz. If you add <div>{{ selection?.selected | json}}</div> in your html you can see this behaviour in action — Tim Martens

Ahmed Taha Ahmed Taha · Accepted Answer · 2019-06-29T08:10:28

0

votes

use $event.source.checked to set value after define limit you want.try my example

Angular Material Table Page-Wise Selection: how to limit selection to the current page in Angular Material Table?

1 Answers