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)">