如何在使用Angular 2的*ngFor创建表时隐藏列

<table>
  <thead>
    <tr>
      <th *ngFor="let column of columns" [hidden]="column.hidden">{{ column.title }}</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of items">
      <td *ngFor="let column of columns" [hidden]="column.hidden">{{ item[column.field] }}</td>
    </tr>
  </tbody>
</table>

export class YourComponent {
  columns = [
    { title: 'Column 1', field: 'field1', hidden: false },
    { title: 'Column 2', field: 'field2', hidden: true },
    { title: 'Column 3', field: 'field3', hidden: false },
    // 添加更多的列...
  ];

  items = [
    { field1: 'Value 1', field2: 'Value 2', field3: 'Value 3' },
    // 添加更多的数据...
  ];
}

th[hidden], td[hidden] {
  display: none;
}