MT-work-fronted/src/app/modules/search-employee/employee-list/employee-list.component.ts

import { Component } from '@angular/core';

export interface PeriodicElement {
  user: any;
  status: string;
  industry: string;
  country: string;
  company: string;
}

const ELEMENT_DATA: PeriodicElement[] = [
  {
    user: {
      name: 'Mai Ghoneim',
      img: 'assets/images/avatar.png',
      email: 'ebrahimnour186@gmail.com',
      position: 'Senior UI/UX Designer',
    },
    status: 'Employed',
    industry: 'Programming',
    country: '1 ST',
    company: 'Rabbit Technology',
  },
  {
    user: {
      name: 'Mai Ghoneim',
      img: 'assets/images/avatar.png',
      email: 'ebrahimnour186@gmail.com',
      position: 'Senior UI/UX Designer',
    },
    status: 'Employed',
    industry: 'Programming',
    country: '1 ST',
    company: 'Rabbit Technology',
  },
  {
    user: {
      name: 'Mai Ghoneim',
      img: 'assets/images/avatar.png',
      email: 'ebrahimnour186@gmail.com',
      position: 'Senior UI/UX Designer',
    },
    status: 'Employed',
    industry: 'Programming',
    country: '1 ST',
    company: 'Rabbit Technology',
  },
  {
    user: {
      name: 'Mai Ghoneim',
      img: 'assets/images/avatar.png',
      email: 'ebrahimnour186@gmail.com',
      position: 'Senior UI/UX Designer',
    },
    status: 'Employed',
    industry: 'Programming',
    country: '1 ST',
    company: 'Rabbit Technology',
  },
];

@Component({
  selector: 'app-employee-list',
  templateUrl: './employee-list.component.html',
  styleUrls: ['./employee-list.component.scss'],
})
export class EmployeeListComponent {
  displayedColumns: string[] = [
    'user',
    'status',
    'industry',
    'country',
    'company',
  ];
  dataSource = ELEMENT_DATA;
}