| import { Component, OnInit } from '@angular/core'; |
| import {MatTableDataSource} from '@angular/material'; |
| |
| @Component({ |
| selector: 'app-manage-members', |
| templateUrl: './manage-members.component.html', |
| styleUrls: ['./manage-members.component.scss'] |
| }) |
| export class ManageMembersComponent implements OnInit { |
| displayedColumns = ['id','firstName','lastName','status']; |
| dataSource = new MatTableDataSource(ELEMENT_DATA); |
| |
| applyFilter(filterValue: string) { |
| filterValue = filterValue.trim(); // Remove whitespace |
| filterValue = filterValue.toLowerCase(); // MatTableDataSource defaults to lowercase matches |
| this.dataSource.filter = filterValue; |
| } |
| |
| constructor() { } |
| |
| ngOnInit() { |
| } |
| |
| } |
| export interface Element { |
| id: number; |
| firstName: string; |
| lastName: string; |
| status: boolean; |
| |
| } |
| |
| const ELEMENT_DATA: Element[] = [ |
| |
| ]; |