Hi Team,
I am using igx data grid, ignite 9.1.6 version and Angular 9.
Requirement: On click of search button, i want to display data grid with the checkboxes that are checked(all the rows are selected by default).
How can i achieve the above from UI?
Note: As this is an ongoing project, please reply ASAP.
Thanks
Hello Shobhana,
You can use IgxGridComponent's selectAllRows() method to select and check all rows.
https://ko.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#selectallrows
I have created a sample for your reference. Please click 'Get data and select all rows' button to see the behavior.
https://stackblitz.com/edit/github-inafrd-fmzeac?file=src/app/grid/grid-sample-selection/grid-selection.component.ts
Hello Mihoko, I do not see button for Get Data in the sample and i tried selectAllRows() method but it is not working as expected. I am unable to check all the rows.
I have recorded my testing using the sample in my previous post. Can you please take a look at the attached video and see if we are on the same page?
20210212_163418.zip
Hello Mihoko,Thanks for the video, i was not able to see the button earlier. But the sample Ignite version is 11.0.9 and in our project we are using Infragistics version 9.1.6. Could you please try with 9.1.6 version and let me know if it is working as expected. Because for me it is not working in my project.
This is the sample that uses igniteui-angular 9.1.6.
stackblitz.com/.../github-inafrd-erpep3
Thank you Mihoko for the reply. It is working as expected.