angular table with filter code example

Example 1: mat-header-cell meterial style

const initialSelection = [];
const allowMultiSelect = true;
this.selection = new SelectionModel<MyDataType>(allowMultiSelect, initialSelection);

Example 2: mat-header-cell meterial style

<table mat-table [dataSource]="myDataArray">
  ...
</table>

Example 3: best way to filter table in angular

@Pipe({
   name: 'tableFilter'
})
export class TableFilterPipe implements PipeTransform {

   transform(list: any[], value: string) {

      // If there's a value passed (male or female) it will filter the list otherwise it will return the original unfiltered list. 
      return value ? list.filter(item => item.gender === value) : list;

   }
}

Tags:

Misc Example