如何在NgZorro折叠表头组件中添加关闭按钮？

import { NzTableModule } from 'ng-zorro-antd/table';

<nz-table #table [nzData]="data">
  <thead>
    <tr>
      <th nzWidth="50">
        <button nz-button nzType="text" (click)="toggleTable()">
          <i nz-icon nzType="close"></i>
        </button>
      </th>
      <th nzWidth="100">Column 1</th>
      <th nzWidth="100">Column 2</th>
      <th nzWidth="100">Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of table.data">
      <td>{{ item.column1 }}</td>
      <td>{{ item.column2 }}</td>
      <td>{{ item.column3 }}</td>
    </tr>
  </tbody>
</nz-table>

import { Component } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  data = [
    { column1: 'Data 1', column2: 'Data 2', column3: 'Data 3' },
    { column1: 'Data 4', column2: 'Data 5', column3: 'Data 6' },
    { column1: 'Data 7', column2: 'Data 8', column3: 'Data 9' }
  ];
  tableVisible = true;

  toggleTable() {
    this.tableVisible = !this.tableVisible;
  }
}