We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Grid control - Filter + Select All

We have an Angular app that uses the SyncFusion Grid control. (01.png)

When we use the filter (02.png), the grid only shows the relevant data (03.png), but when we click the "Select All" checkbox in the grid header, it selects all the original data, including those that were supposed to be filtered out (04.png)

Is there any way to have the "Select All" checkbox only select those rows in the current grid?

I have attached a zip file for reference.

Thanks.

-Dave

Attachment: sf_grid_9b4ac18f.zip

3 Replies

DR Dhivya Rajendran Syncfusion Team October 28, 2019 03:04 AM

Hi Duran, 

Thanks for contacting Syncfusion support. 

By default, while enabling checkbox selection in grid then we click selectAll checkbox it select the all records. If we perform the filtering(customer name with maria) for grid then it shows filtered records(2) in grid and click selectAll then it select all filtered records(2) in grid. 

Please refer the below sample for more information. 


If we misunderstood you query then please share more information about your query(do you want select all grid data and share u are using local or remote data ) that will helpful for us to validate and provide a better solution as soon as possible.  

Regards, 
R.Dhivya 



DU Duran October 28, 2019 01:54 PM

R.Dhivya,

Thanks for the sample.  We discovered we were using the syncfusion control from "@syncfusion/ej2-ng-grids".  After replacing with "@syncfusion/ej2-angular-grids", the issue seems to be fixed.

What is the difference between "ej2-ng" and "ej2-angular" controls?  Should we be using the "ej2-angular" versions?.


SS Seeni Sakthi Kumar Seeni Raj Syncfusion Team October 29, 2019 02:26 AM

Hi Duran,  

Both packages are Syncfusion EJ2 angular packages only but ej2-ng-grids package is reframed to ej2-angular-grids. ej2-ng-grids were not published and they were published in the npm as ej2-angular-grids 


We suggest to follow latest package name ej2-angular-grids. 

Regards,  
Seeni Sakthi Kumar S 


Loader.
Live Chat Icon For mobile
Up arrow icon