Is it currently possible to use the Delete toolbar button with Box Cell selection mode?

[Doug Thierjung]

I am currently using Vue Data Grid v19.3.47 for a web application that sometimes requires it's end-users to copy data from Excel into the grid. To that end, I followed the documentation to support multicell editing with the following settings: 

      editSettings: {

        allowEditing: true,

        allowAdding: true,

        allowDeleting: true,

        mode: "Batch"

      },

      selectionOptions: {

        type: "Multiple",

        mode: "Cell",

        cellSelectionMode: "Box"

      },

      toolbar: ["Add", "Delete", "Update", "Cancel"]



However after using it, I was unable to delete a row with this configuration. It would simply say that no rows were selected.

Is it possible to delete a row while using these settings

Thank you.

[Balaji Sekar]

Hi DT, 

Greetings from the Syncfusion support. 

Query: Is it possible to delete a row while using these settings 

 

No, we checked your query with provided the information and you tried to delete a Grid row using Delete toolbar button but it show “no records selected for delete operation”. By default, we should select a row before delete action if click a Delete button without selection it will display popup with “No records selected for delete operation” it is default behavior. We suspect that you tried to click Delete button without select a row since we suggest you to select a row then you can delete a row properly. 

If we misunderstood on your query, please share the following details to us that will help to validate further. 

1. Share video demonstration of the mentioned problem.
2. Share the replicating sample if possible.
3. Ensure the Syncfusion package version.

Regards, 

Balaji Sekar. 

[Doug Thierjung]

Hello,

Thank you for the swift reply. I have added some screenshots to illustrate my point. I was selecting various configurations of cells but the delete button always said "No records selected". I

The first 3 are different selection examples not working when clicking the Toolbar's built-in "delete" button. The fourth screenshot is of the SyncFusion package versions that I am using. Please also note that I tried using the grid's built-in checkbox to select a row for deletion but it did not work. I also tried using the custom actions to delete a given row using the example from the official documentation but that also did not work.

Please let me know if I can provide anything else to be of help.

Thank you.

Attachment: Snips_d8836c34.zip

[Balaji Sekar]

Hi DT, 

Thanks for your update. 

We checked your query with provided information and found that you have used cell selection in your application which is cause of the problem. By default we can delete a row with selection type as row and we do not have feasible to cell deletion. Since we suggest you to achieve the delete action using selectionSettings.type.Row or use deleteRecord method. 

Help Documentation: https://ej2.syncfusion.com/vue/documentation/api/grid/#deleterecord 

If we misunderstood on your query, please share the complete Grid rendering code or replicating sample that will help to validate further. 

Regards, 

Balaji Sekar.