typescript - If condition in Angular material table

Question

I am using Angular material table and I want to hide a column in table on the basis of if-condition. If the condition is true the column shows on the page otherwise it hides.

this is my html code.

 <ng-container matColumnDef="delete">   
  <th class="th" mat-header-cell  *matHeaderCellDef> Delete </th>
    <td mat-cell *matCellDef="let element" ><span><i class="fa fa-trash" aria-hidden="true" (click)="check(element._id)"  style="cursor: pointer;"  data-toggle="modal" data-target="#dModal"></i></span> 
     </td>  
  </ng-container>

this is my ts code

 displayedColumns: string[] = ['assessment','status','action','issue','created','delete'];

I tried but failed can anyone help me?

Answer 1

If you want to hide the column based on the if and else condition you should build the displayedColumns array dynamically.

For example.

You want to hide the delete column, the displayedColumns array value like

this.displayedColumns = ['assessment','status','action','issue','created'];