ntent>
    <mat-table
      [dataSource]="paginatedDataSource"
      aria-readonly="true"
      aria-label="Users favorite colors and age"
    >
      <ng-container cdkColumnDef="name">
        <mat-header-cell *cdkHeaderCellDef>Name</mat-header-cell>
        <mat-cell *cdkCellDef="let row">{{ row.name }}</mat-cell>
      </ng-container>
      <ng-container cdkColumnDef="color">
        <mat-header-cell *cdkHeaderCellDef>Color</mat-header-cell>
        <mat-cell *cdkCellDef="let row">{{ row.color }}</mat-ce