Selection highlights row at the same time:

Yes No
@if (selection.selected.length) {
No. of selected product: {{ selection.selected.length }} @if (!isAllSelected()) { Select all {{ tableElements.length }} products. } @if (isAllSelected()) { Clear selection }
} @for (item of currentlyShownPageElements; track item) { }
Product Contract Number Website Ending At Status
{{item.product}} {{item.contractNumber}} {{item.website}} {{item.endingAt | date: 'dd/MM/yyyy'}} {{item.statusText}}
Debug selected value @if (showSelected) {

Selected value:

{{ selection.selected | json }} }