ngx-datatable-如何在按钮单击时选中/取消选中标题复选框

Question

在ngx-datatable中，如何在单击按钮时选中/取消选中标题列（headerCheckboxable）（带复选框的列）。

当我单击取消按钮时，我的所有行都被取消选中但标题复选框仍保持选中状态。

Answer 1

您可以重置ngx-datatable的selected属性。这将取消选择所有行，包括标题复选框。这是一个用于演示此代码的小代码片段：

@ViewChild('mytable') table: DatatableComponent;

selectedRows = [];

onSelect({ selected }) {
    this.selectedRows.splice(0, this.selectedRows.length);
    this.selectedRows.push(...selected);
}

onSomeActionToDeselectAllRows() {
  this.onSelect({selected: []});
  this.table.selected = [];
}

<ngx-datatable #mytable
  [selected]="selectedRows"
  (select)="onSelect($event)">