[Solved] Scrolling issue when applying filter

[Philipp]

Hi

How can I fix the scrolling behavior in the following example:

- open http://dojo.telerik.com/IPEQe/2
- make sure the screen is small enough so you have to scroll to go to the 'Order Date' 
- select a date in date picker which does not match for any of the rows
- apply

> The table will be scrolled to the left.

This also happens  if you use a text filter and have no matching rows. But especially for dates it is not usable if you have more than 10 or 15 columns. The problem is that you usually select a date first and then choose if it should be 'before' or 'after' or 'equal to' that date. By the strange scrolling, the user loses the focus and will have to figure out again where the filtered column is.

Regards
Philipp

[Dimo]

Hello Philipp,

The commerical Telerik license, which was associated with your account recently, has been removed by your license holder. Every developer working with Telerik products must have an active license, so please ask your license holder to assign you as a licensed developer again. Then you will also be able to benefit from our technical support service.

Regards,
Dimo
Telerik

[Philipp]

Hello Dimo,

I have my license back, do you have any suggestions how to fix this?

Regards
Philipp

[Dimo]

Hi Philipp,

You can use the Grid's dataBinding event to save the current scroll offset of the div.k-grid-content element, and then re-apply it in dataBound.

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events

Regards,
Dimo
Telerik

 

[Philipp]

Hi Dimo

Works like a charm, thanks a lot! Wouldn't it make sense to implement this as default behavior in the grid?

Regards
Philipp

[Dimo]

Hi Philipp,

The discussed behavior is a somewhat edge use case scenario, which occurs rarely and has been outside our development scope so far. However, you can submit and vote for such a feature on our feedback portal:

http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback

Regards,
Dimo
Telerik

[Dhara]

same issue is there any solution for this?

 

[Viktor Tachev]

Hello Dhara,

 

With the current version of the components the Grid is not scrolled. I used the following dojo for testing:

https://dojo.telerik.com/JYqHmqKt

When filtering OrderDate as described in the first post the scroll position is persisted on my end.