データテーブルの列を整列する

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を置き換えますあなたが必要とする列！