Сортировка столбцов не работает для нескольких таблиц

Question

Изображения для сортировки двух таблиц.

Я использую таблицу материалов angular-6. У меня есть две таблицы, в которых сортировка столбца работает для2-й столИз-за использования фильтра или флажка я не могу отсортировать первую таблицу.

.html файл

<mat-table #Routesort [dataSource]="cInfo_dataSource" matSort> <mat-table #Accessoriessort [dataSource]="cAccess_dataSource" matSort>

.ts файл

@ViewChild('Routesort') Routesort: MatSort;
@ViewChild('Accessoriessort', { read: MatSort }) Accessoriessort: MatSort;

    constructor(){ 
    this.cInfo_dataSource = new MatTableDataSource();
    this.cAccess_dataSource = new MatTableDataSource();
}

    getCustomerinfoList(): void {
    this.adminservice.getCustomerinfoList(this.componentName, 
    this.selectedCustomer.customer_id)
      .subscribe(customerlist => {
        let c_rates = customerlist[0][0].customer_routes;
        let c_accessories = customerlist[0][0].customer_accessories;
        this.customers = customerlist;
        this.cust_specificData = c_rates ? JSON.parse(c_rates) : [];
        this.accesss_data = c_accessories ? JSON.parse(c_accessories) : [];
        this.cInfo_dataSource.data = this.cust_specificData
        this.cInfo_dataSource.paginator = this.Routepaginator;
        this.cInfo_dataSource.sort = this.Routesort;
        this.cAccess_dataSource.data = this.accesss_data
        this.cAccess_dataSource.paginator = this.Accessoriespaginator;
        this.cAccess_dataSource.sort = this.Accessoriessort;
      }, error => {
        if (error.status === 500 || error.status === 401 || error.status == 0) 
          localStorage.setItem('error', 'true')
          this.router.navigate(['/error/503'])
        }
      });
  }