对齐数据表的列

Question

我有一个angular-material 数据表，我希望它与某个列左/右对齐。

  <mat-table #table [dataSource]="dataSource" matSort>

    <ng-container matColumnDef="col0">
      <mat-header-cell *matHeaderCellDef mat-sort-header> Col0</mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.col0}} </mat-cell>
    </ng-container>

    <ng-container matColumnDef="col1">
      <mat-header-cell *matHeaderCellDef mat-sort-header> Col1 </mat-header-cell>
      <mat-cell *matCellDef="let element"> {{element.col1}} </mat-cell>
    </ng-container>

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

我需要什么 CSS 来做这个？

Answer 1

经过几次谷歌搜索后，我以 github 更改请求的形式找到了解决方案： See here

简写如下：

.mat-column-col1 {
    display: flex;
    justify-content: flex-end;
}

只需将 col1 替换为您需要的列！