Header checkbox not selecting rows.

[x] bug report
[ ] feature request

Current behavior When in [selectionType]="'checkbox'", checking a headerCheckboxable column doesn’t change the variable binded to the selected attribute (although the other checkboxes change). Also, it makes the rest of the checkboxes stop functioning.

Expected behavior It should add or remove all the items in the variable binded to the selected attribute.

Reproduction of the problem I’m using this template:

<ngx-datatable class="material datatable stripped"
	[style.height.px]="200" [scrollbarV]="true" [rows]="resumen" [columns]="resumenCols"
	[selected]="seleccion" [selectionType]="'checkbox'" [messages]="mensajesTabla" [sorts]="[{prop: 'Desde'}]">
</ngx-datatable>

where…

resumenCols = [
	{ headerCheckboxable: true, checkboxable: true, width: 20 },
	{ prop: 'Nombre' },
	{ prop: 'Desde', cellTemplate: this.tFecha },
	{ prop: 'Hasta', cellTemplate: this.tFecha },
	{ width: 20, cellTemplate: this.tQuitar }
];

resumen: Resumen[];
seleccion: Resumen[];
mensajesTabla: string;

Please tell us about your environment: Windows 7, VSCode, node 6.11.2

• Table version: 9.3.1

• Angular version: 4.3.2

• Browser: Chrome

• Language: TypeScript 2.4.2

[Evoluto]

Use column config: [selected]="selected" [selectionType]="'checkbox'" [selectAllRowsOnPage]="false" (select)='onSelect($event) and then pass object to onSelect(): onSelect({selected}) { this.selected = selected; }

[Broseph00]

Experiencing same issue

• Angular Version: 4.3.1

• Typescript 2.4.2

• Table: 9.3.1