Angular Material 9/8 DataTable columns with each having its own separate filter, we are going to learn with an example tutorial in this post.
Angular Material Table provides a great default filter component to filter data shown to the user, but this takes into account all columns and their cells. In this tutorial, we will create custom selection filters for the table’s values with multiple selections.
Why do this?
Sometimes we have data in the datatable with similar data values for example STATUS column may have Active, InActive, Blocked values. So we can create a filter for Status to show only Active rows.
Here we will also create a function to fetch Unique values from Table rows itself and generate Filte drop down to the filter.