title: Material table datasource filter with column value - ERROR matColumnDef
body: <p>I have a normal Angular Material  DataTable with sort headers. Thats work correctly in my other component but now I faced this error I don't know where is the problem
  here is my code :</p>
  <p><strong>component.ts</strong></p>
  <pre><code>headElements = ['ID', 'Name', 'Description'];
    OrdonnanceList : OrdonnanceInfo[] = [];
    displayedColumns: string[] = ['ID', 'Name', 'Description','icons'];
    ordonnances : OrdonnanceInfo;
    id : string;
  
    dataSource = new MatTableDataSource(this.OrdonnanceList);
  
    applyFilter(filterValue: string) {
      this.dataSource.filter = filterValue.trim().toLowerCase();
    }
  
    constructor(private route: ActivatedRoute, private ordonnaceService : OrdonnanceService) { }
  
    ngOnInit(): void {
      this.dataSource.sort = this.sort;
      this.dataSource.paginator = this.paginator;
  </code></pre>
  <p><strong>component.html</strong></p>
  <pre><code> &lt;!-- Name Column --&gt;
      &lt;ng-container matColumnDef=&quot;Name&quot;&gt;
        &lt;th mat-header-cell  *matHeaderCellDef&gt;Name &lt;/th&gt;
        &lt;td mat-cell *matCellDef=&quot;let element&quot;&gt; {{element.nom_medicament}} &lt;/td&gt;
      &lt;/ng-container&gt;
    
  </code></pre>
  <p><strong>error</strong></p>
  <pre><code>ERROR in node_modules/@angular/material/table/cell.d.ts:42:5 - error TS2610: 'name' is defined as an accessor in class 'CdkColumnDef', but is overridden here in 'MatColumnDef' as an instance property.
  
  42     name: string;
     ~~~~
  </code></pre>