Necesito una opción en nglightning para verificar todos los registros en la tabla de datos. El enlace para el componente es el siguiente
En la fila del encabezado, necesito una opción para marcar todas las casillas de verificación en nglightning.
Primero probé el enlace de datos [] o [()] pero no funcionó. Creó una solución fea. Es posible que deba preguntarle a ng-lighting por qué el enlace de datos no funciona en la plantilla de columna.
Aquí está el Plunker: https://plnkr.co/edit/zNrWb4Ui2LVXc5fJb1oY?p=preview
Código que agregué:
<ngl-datatable-column heading="" key="points"> <template nglDatatableHeading><input type="checkbox" (click)="toggleCheckAll()" /></template> <template nglDatatableCell><input type="checkbox" class="child-chkbox" /></template> </ngl-datatable-column> toggleCheckAll(){ var chkboxes = document.getElementsByClassName('child-chkbox'); this.checkAll = !this.checkAll; for(let i = 0; i < chkboxes.length; i++){ chkboxes[i].checked = this.checkAll; } }