小编dra*_*ver的帖子

在Angular Material表中混合静态和动态列(mat-table)

你们有没有人知道是否可以在mat-table中混合动态和静态列?我用它来显示用户数据,但是我需要另一个列来显示关于用户的不同操作按钮.简单地添加另一个ng-container不起作用,因为没有列定义displayedColumns,但是当我添加它时,我得到"重复错误".

<div class="example-container mat-elevation-z8">
<div class="example-header" layout="column" flex="100">
    <md-form-field floatPlaceholder="never">
      <input mdInput #filter placeholder="Filter users">
    </md-form-field>
    <span class="fill-space"></span>
    <button align="right center" md-raised-button color="primary" (click)="clearFilter()">Clear</button>
  </div>
<md-table *ngIf="users && displayedColumns" #table [dataSource]="dataSource">

  <ng-container *ngFor="let set of displayedColumns" [mdColumnDef]="set">
    <md-header-cell *mdHeaderCellDef> {{set}} </md-header-cell>
    <md-cell *mdCellDef="let element"> {{getValue(set, element)}} </md-cell>
  </ng-container>

  <ng-container mdColumnDef="akcje">
    <md-header-cell *mdHeaderCellDef> Akcje </md-header-cell>
    <md-cell *mdCellDef="let element"> asdf </md-cell>
  </ng-container>  <------ this doesn't show another column, when added to displayedColums, produces error

  <md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row> …
Run Code Online (Sandbox Code Playgroud)

angular-material angular

10
推荐指数
1
解决办法
7097
查看次数

标签 统计

angular ×1

angular-material ×1