Skip to content
Advertisement

How to get current row HTML Table cell element?

I have a angular material table. If I click one row, i wanted to fetch the HTMLTableCellElement of the selected row . I tried using viewChild but the problem is i am getting whole table html element. Expected output HTMLTableCellElement output Below is my code. Please Help me to acheive this scenario ! https://stackblitz.com/edit/angular-material-table-data-source-nym2vx?file=app/app.component.html

Advertisement

Answer

There are two changes you can make from the sample you have provided.

Change : 1 (in .html side) Pass event via the function : viewhtmlData()

JavaScript

to

JavaScript

Change 2:(in .ts side) Pass the element through the function

JavaScript

to

JavaScript

For further reference, you can go through the below sample: https://stackblitz.com/edit/angular-material-table-data-source-gpybg5?file=app%2Fapp.component.ts

Advertisement