Selected items deselected on pagination

[Tom McNeer]

Hi,

In the default data grid implementation, if you select items on a page, then move to another page, the items from the first page are deselected.

Is there a simple way to retain those selections, so a user could go from page to page, building up selected items from multiple pages?

[Sujith Kumar Rajkumar]

Hi Tom, 

 

Greetings from Syncfusion support. 

 

Based on the query we could understand that your requirement is to persist the row selection while performing sorting action in the Grid. This can be achieved by enabling the persistSelection property of the Grid’s selectionSettings. For persisting selection on the Grid, any one of the column should be defined as a primary key using columns.isPrimaryKey property and a checkbox type column needs to be defined. 

 

We have prepared a sample based on this for your reference. You can find it below, 

 

Sample: https://codesandbox.io/s/grid-persist-selection-forked-ow2mh?file=/App.vue 

 

API: https://ej2.syncfusion.com/vue/documentation/api/grid/selectionSettingsModel/#persistselection 

        https://ej2.syncfusion.com/vue/documentation/api/grid/#selectionsettings 

        https://ej2.syncfusion.com/vue/documentation/api/grid/column/#isprimarykey 

 

Please get back to us if you require any further assistance. 

 

Regards, 

Sujith R 

[Tom McNeer]

Thanks very much. This is exactly what I was looking for

[Sujith Kumar Rajkumar]

Hi Tom, 

 

You’re welcome. We are glad to hear that your query has been resolved. 

 

Regards, 

Sujith R