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

Question

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

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

Answer 1

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

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