Unplanned
Last Updated: 27 Apr 2021 10:31 by ADMIN
Andrei
Created on: 18 Nov 2019 10:01
Category: KendoReact
Type: Feature Request
1
Horizontal Scrolling on arrow press for Kendo Grid

Hello,

I have a request that for some tables the user needs arrows to be able to scroll left and right horizontally through the grid content. Is there a functionality like this provided out of the box by Kendo Grid, can you please point me to the docs or provide an example? I have provided an image to reflect this.

Thank you,

Andrei

5 comments
ADMIN
Stefan
Posted on: 20 Nov 2019 13:41

Hello, Andrei,

I have added this as an official feature request.

The item is now public and the community can vote for it.

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Andrei
Posted on: 20 Nov 2019 10:39

Hello Stefan,

Thank you for your prompt replies.

I would like this to be a feature request because maybe other users have this request and it would be helpful.

Have a nice day,

Andrei

ADMIN
Stefan
Posted on: 20 Nov 2019 06:59

Hello, Andrei,

Currently, this can only be achieved by rendering two arrows on both sides of the Grid and programmatically scrolling it. The same logic from the keyboard arrow keys can be used on the arrow button clicks to scroll it.

If you would like this to be a built-in option, please let me know and I will convert this to a public official feature request, where the community can vote for it.

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Andrei
Posted on: 19 Nov 2019 13:00

Hello,

I was trying to ask if Kendo Grid has some arrow (rigth, left) to resemble the functionality of a carousel when there are many columns inside the table and the table width is exceeded. Like arrows on left and right side of the table which will scroll the content when clicked. I attached a photo to describe this. I'm not talking about the keyboard left and right arrows.

Thanks,

Andrei

ADMIN
Stefan
Posted on: 19 Nov 2019 06:56

Hello, Andrei,

This can be achieved by attaching an onKeyDown handler to the Grid wrapper element.

Then based on the pressed arrow to programmatically scroll the Grid container element.

This is an example showcasing this:

https://stackblitz.com/edit/react-tevez3?file=app/main.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items