隐藏 Angular 材料 2 表、特定标题及其列

Question

我只是试图隐藏一个 Angular material 2 表statusid标题和列，如下所示。

        <mat-table class="mat-elevation-z1" #table [dataSource]="dataSourceHE">
            <ng-container hidden="hidden" cdkColumnDef="statusid">
                <mat-header-cell hidden="hidden"> Id </mat-header-cell>
                <mat-cell hidden="hidden"> {{row.statusid}} </mat-cell>
            </ng-container>
         </mat-table>

但这不能正常工作。如果可能的话，我该怎么做？

Answer 1

您只需要更改 component 中的 Column Map。添加或删除其中的任何键会导致表格显示或隐藏相应的列。

不要尝试使用CSS 或 HTML 解决方案，例如使用hidden属性或display: none;CSS 规则，它们会将代码变成肮脏且容易出错的代码。