Some of the data is going to be taken out based on some logic that’s unrelated to the filter input string. But I still need the filterPredicate function to run every time filter is changed.

When I moved to material 3 I noticed that there is a horizontal line between tab header and tab content. Actually, it was already there in angular 17, but I used material 2 at that time. Is there a way to get rid of it?

I have a mat-table and would like to be able to find the widths (in pixels) of its columns. I have a stackblitz here which, when the button is clicked, gets the table html element and puts up an alert to show that it has a valid element.

I am using Angular Material Table with expandable rows to close and open for my “avroMsg” data column. My requirement is open row should not be closed if I click on to open another row. Opened should not be closed.
Opened row should be closed only when I again clicked on it for second time.