请记住，角材料表，有模板的一部分，在那里你塑造你的表。它们是matColumnDef/matHeaderCellDef/matCellDef。在循环中，您尝试设置具有动态列的表，但为空。
然后displayedColumns也必须是动态的，因为它控制显示或不显示哪些列。
当模板准备好并且dataSource接收到数据后，实际上填充了数据。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>

<!-- somewhere you get value of store in scope -->
<!-- there you have to add displayedColumns = store.map(s => s.store_id) -->

<table mat-table class="mat-elevation-z8" [dataSource]="store">
  <!-- this loop defines table template, i.e. columns -->
  <div *ngFor="let store of stores">
    <ng-container matColumnDef="{{store.store_id}}">
      <th mat-header-cell *matHeaderCellDef>{{store.store_id}}</th>

      <!-- actual data is coming from dataSource, this is implicit loop from your perspective -->
      <td mat-cell *matCellDef="let s">{{s.weight}}</td>
    </ng-container>
  </div>

  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row *matRowDef="let s; columns: displayedColumns;"></tr>
</table>

上面的例子是粗糙的猴子打字，不假装是有效的代码，仅用于说明目的。有效的代码也将包含TypeScript部分，其中检索store并计算displayedColumns。