How do we subscribe to the currently shown data in Angular Material Tables

Question

I need to know when the currently shown data inside material table changes and I need to subscribe to that change. If paginator is present, I need to get only the current page data.

How do we do that?

Answer 1

You can subscribe to datasource.connect() in order to get currently shown data changes. It only provides currently rendered data.

this.dataSource.connect().subscribe(d => console.log(d));