ngx-datatable-How to check/uncheck header checkbox on button click

Question

In ngx-datatable,how to check/uncheck header column(headerCheckboxable)( column with a checkbox) on click of button.

When I click on the cancel button, my all rows get deselected but header checkbox remains selected.

Can you please share a Minimal Complete Verifiable Example replicating this issue? — SiddAjmera
– SiddAjmera, Commented Jan 10, 2019 at 11:28

pyron_orion · Accepted Answer · 2019-04-09 19:37:26Z

1

You could reset the selected property of your ngx-datatable. This will deselect all rows including the header checkbox. Here is a small code snippet to demonstrate this:

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

answered Apr 9, 2019 at 19:37

pyron_orion

6456 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AkiZukiLenn Over a year ago

Seems like this will de-select all already checked box no matter the page. Is it possible to just specifically de-select the checkbox in the header?

Collectives™ on Stack Overflow

ngx-datatable-How to check/uncheck header checkbox on button click

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related