Material table sorting when sort header IDs (which defaults to the column name) does not match the data's properties

Question

.ts

this.displayedColumns = [
      { key: \'id\', header: \'#\' },
      { key: \'fullname\', header: \'Full name\' },
      { key: \'email\