Multi selectable rows in a grid

[Yash]

I want to implement multi select for multiple rows in a grid.

Currently I have this implementation in example docs - https://stackblitz.com/run/?file=app/main.jsx . But in this example only one row is selectable and when I select another row it cancels out the previous selected one.

Can you guys please help me with a work around or is this a limitation of the API where I can select multiple rows at the same time with select all option and manually. I tried making selectable mode to multiple but it didn't help.

 

[Stefan]

Hello, Yash,

I assume there was an issue saving the example as it was leading to the StackBlitz homepage.

This demo shows multiple selections which is working as expected:

https://www.telerik.com/kendo-react-ui/components/grid/selection/#toc-getting-started

Use the 'CTRL' or 'Shift' keys to test it.

If the issue still occurs, please share an example reproduceing it.

Regards,
Stefan
Progress Telerik

[Yash]

Hi Stefan, I tried the second example with checkbox selection. So whenever I am checking a row it's getting checked but when I am checking the row just beneath it, the previous check is getting deselected. At a time I am only able to select one row.
I try passing selectable to have multiple selection but it didn't work.

[Stefan]

Indeed when the Checkbox selection is used, currently the methods will return only a single row as selected. 

I have logged an item to improve that:

https://github.com/telerik/kendo-react/issues/937

Until this is implemented the multiple selection is supported out of the box when clicking the rows as in the first demo.

[Yash]

Yeah I went through a lot of searching with this. Even I have opened an issue citing the example. I will wait for the implementation then :)