ngx-datatable:使用headerTemplate时列不可排序？

<ngx-datatable [rows]="data" class="bootstrap" [headerHeight]="50" [footerHeight]="50" [rowHeight]="50">
  <ngx-datatable-column name="Name" [headerTemplate]="headerTemplate"></ngx-datatable-column>
  <ngx-datatable-column name="Age"></ngx-datatable-column>
  <ngx-datatable-column name="Gender"></ngx-datatable-column>
</ngx-datatable>

<ng-template #headerTemplate let-column="column">
  <button (click)="sortData(column.name)">Sort {{ column.name }}</button>
</ng-template>

export class AppComponent {
  data = [
    { Name: 'John', Age: 25, Gender: 'Male' },
    { Name: 'Jane', Age: 30, Gender: 'Female' },
    { Name: 'Bob', Age: 35, Gender: 'Male' }
  ];

  sortData(columnName: string) {
    // Custom sorting logic based on columnName
    // Sort the data array and update the data source
    this.data.sort((a, b) => a[columnName].localeCompare(b[columnName]));
  }
}