Please add an example for MULTI SHIFT CLICK selection in checkbox mat table

[andreElrico]

Feature Description

MY STACKBLITZ

Example of this feature RUN CODE SNIPPET

Use Case

(In respect to my Stackblitz)
It should be possible to

1. go to page-2
2. shift-click element 10 (and keep holding shift)
3. go to page-1
4. shift click element 3 (and release shift)
5. elements 3-10 are added to the selection model and are highlighted

---

This should work on filtered and sorted data.

---

The reference I found on SO

1. https://stackoverflow.com/questions/56737974/mat-table-shift-selection-on-mutiple-rows
2. https://stackoverflow.com/questions/51927265/angular-mat-table-and-shift-click-selection

(maybe this could be a feature of cdk-selection, so this would also work outside of a table context ... to be honest, I don't know how to abstract this ...)

[andreElrico]

Working implementation:

here is my MultiShiftSelect for MatTable

1. works on paginated, filtered and sorted data,
2. (TODO) disable shift-select of text, so table rows dont get highlighted.
3. (question) Is it possible to somehow place the directive on tbody directly on the HTML table definition. If so the directive could be a general shift selection directive. Of course the dataSource.connect logic would move then out of the directive.
4. (TODO) currently one POSITIVE Selection of rows is possible. The masterToggle or individual clicking needs to be used to DESELECT.

@andrewseguin

[andreElrico]

closing this issue since I have come up with a satisfying solution.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}