Filtering specific column in Angular Material Table with filtering in angular?

by

You have to override the filterPredicate of your dataSource.

Here’s an example of how to do it: Working demo

Essentially, you want to specify what properties in your data the filter is applied to:

this.dataSource.filterPredicate = function(data, filter: string): boolean {
    return data.name.toLowerCase().includes(filter) || data.symbol.toLowerCase().includes(filter) || data.position.toString().includes(filter);
};

More Related Contents:

  1. Apply a directive conditionally
  2. Connect method DataSource is not emitting all paginated rows for MatTable
  3. Angular Material: mat-select not selecting default
  4. How can I use custom theme palettes in Angular?
  5. Angular 6 MatTable Performance in 1000 rows
  6. custom filter in mat-table
  7. Angular Material 2 DataTable Sorting with nested objects
  8. Can’t bind to ‘formControl’ since it isn’t a known property of ‘input’ – Angular2 Material Autocomplete issue
  9. Dynamically load a component inside a Material MatDialog
  10. Angular 4 Material table highlight a row
  11. SassError: Can’t find stylesheet to import. @use ‘~@angular/material’ as mat;
  12. How to change angular material datepicker format
  13. How to implement drag and drop in cypress test?
  14. Angular Material2 theming – how to set app background?
  15. i got this error when i use command ng new myprojectname to create new project in angular
  16. Dynamic tabs with user-click chosen components
  17. Angular HTML binding
  18. How do I pass data to Angular routed components?
  19. Angular 2+ – Set base href dynamically
  20. How can I get new selection in “select” in Angular 2?
  21. Angular: How to correctly implement APP_INITIALIZER
  22. Argument of type ‘string | null’ is not assignable to parameter of type ‘string’. Type ‘null’ is not assignable to type ‘string’
  23. How to pass query parameters with a routerLink
  24. Angular2 Tutorial (Tour of Heroes): Cannot find module ‘angular2-in-memory-web-api’
  25. How to pass multiple parameter to @Directives (@Components) in Angular with TypeScript?
  26. how to define index in angular material table
  27. Angular: How to download a file from HttpClient?
  28. NullInjectorError: No provider for AngularFirestore
  29. Property binding vs attribute interpolation
  30. how to support same column size when screen size reducing in angular material table

Leave a Comment