error:I change a column on the grid to the form of checkbox, and error occurs when I click. Why?

[aquan]

I need to do a select all function on the grid, change the column of the grid to a check box, and then trigger the event. This error will appear once I click. Why?

https://angular-lwv8ik-qd3i9l.stackblitz.io/

errors.ts:30 ERROR TypeError: Cannot read property 'classList' of undefined at e.addFocus (constant.js:525) at e.focus (constant.js:525) at e.onClick (constant.js:525) at e.notify (dom.js:461) at GridComponent.r.notify (dom.js:461) at GridComponent.o.mouseClickHandler (constant.js:525) at ZoneDelegate.invokeTask (zone.js:429) at Object.onInvokeTask (ng_zone.ts:307) at ZoneDelegate.invokeTask (zone.js:428) at Zone.runTask (zone.js:200)

Attachment: angularlwv8ikqd3i9l_1b36ace.zip

[Manivel Sellamuthu]

Hi aquan, 

Greetings from Syncfusion support. 

From your query we can  understand that you want to achieve the select all functionality in the Grid. In EJ2 Grid we already have the built-in feature named Checkbox Selection. In the checkbox selection you can perform selection that select all the checkbox in the grid checkbox column by clicking the header checkbox. 

Documentation : https://ej2.syncfusion.com/angular/documentation/grid/selection/#checkbox-selection 

Demo : https://ej2.syncfusion.com/angular/demos/#/material/grid/checkbox-selection 

If you have faced any issues with the above provided suggestions, please get back to us for further assistance. 

Regards, 

Manivel