How to deselect single row from mat-table

Question

to deselect all the rows we use:

this.selection.clear();

where selection is an object of SelectionModel class. Now what if I want to remove the selection of specific row from code behind "component typescript code", is there any helpful "angular" statement just like clear() method?

Check my answer below to select or deselect one row from mat-table. — Yogen Darji, Mar 27 '18 at 10:03

score 12 · Accepted Answer · edited Jun 20 '20 at 09:12

12

You can use

this.selection.deselect(row)

this.selection.select(row)

Sample to deselect 5th row with mat-table

function to do select or deselect specific row.

Example: If you want to deselect 3rd row you can do following.

this.selection.deselect(this.dataSource.data[2])

This the SelectionModel class code

edited Jun 20 '20 at 09:12

Community

1
1

answered Mar 27 '18 at 09:42

Yogen Darji

3,230
16
31

thank you, but I have question, is using deselect will remove the row from this.selection.selected array ? – userx Mar 27 '18 at 10:23
@Furqan Yes. It will remove. Please mark as a answer if it helps you – Yogen Darji Mar 27 '18 at 10:25

score 0 · Answer 2 · answered Mar 27 '18 at 09:20

0

You can do it by using ngClass and a flag like selectedRowIndex. Whenever clicked row index is equal to selectedRowIndex, the class will be applied. This link might help you
Angular 4 Material table highlight a row

answered Mar 27 '18 at 09:20

Komalpreet Singh

165
1
10

thanks, but what I need to do is remove the selection of specific row not highlight it when it is selected. also my data table is using the multi select feature, and at certain point I had more than one selected row. – userx Mar 27 '18 at 09:36

How to deselect single row from mat-table

2 Answers2