How to retain column index while we filter data in Angular Material data table?

Question

Is there any way we can invoke any function while we any value is entered in angular material data table filter field? As we want to maintain the column current index value while we filter for result. We are using Angular 6 for our project.

Yes we can invoke a function on value entering into angular material data table filter field like <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter"> — arun kumar
– arun kumar, Commented Apr 30, 2019 at 5:14

Tomislav Stankovic · Accepted Answer · 2022-08-10 22:04:20Z

2

If you're having a problem with accessing the correct index after filtering the data table, make sure you're using the filteredData property, and not the data property.

For example;

data: this.dataSource.filteredData[index]

edited Aug 10, 2022 at 22:04

Tomislav Stankovic

3,12417 gold badges38 silver badges43 bronze badges

answered Jul 29, 2020 at 15:59

heartworm

212 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to retain column index while we filter data in Angular Material data table?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related