Frozen Column Scrolling Issues

36 posts, 0 answers
  1. Matthew
    Matthew avatar
    3 posts
    Member since:
    Jul 2010

    Posted 21 Jul 2010 Link to this post

    On a grid with varying sized columns, when I freeze some columns and then attempt to scroll horizontally, the grid scrolls very oddly.

    For example, my grid columns that are scrollable (outside the frozen column count) are Last Name, First Name, SSN as well as many others. Last Name and First Name have 120px as their widths. The SSN is 60px wide. When I scroll to the right

    The SSN "scrolls" left and assumes the size of the First Name. First Name goes left. The sizing is one issue. But several columns to the right of that appear to scroll first. This is not the desired effect.

    I need to scroll by column only or by pixel or something. This scrolling effect isn't acceptable.

    Declarations:

     

     

     

     

    <telerik:RadGrid ID="grdList" runat="server" AllowPaging="True" AutoGenerateColumns="false" AllowAutomaticInserts="true" AllowSorting="True" PageSize="25" Height="600px" GroupingSettings-CaseSensitive ="false" EnableLinqExpressions="false" >   
      
    <MasterTableView TableLayout="Auto" ClientDataKeyNames="Key" EditMode="InPlace" CommandItemDisplay="TopAndBottom" AllowFilteringByColumn="true" HeaderStyle-Font-Size="10px" ItemStyle-Font-Size="10px" FilterItemStyle-Font-Size="10px"
      
    <ClientSettings
    <Resizing AllowColumnResize="true" AllowRowResize="true" ResizeGridOnColumnResize="true" /> 
    <Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="4" /> 
    <Selecting AllowRowSelect="true" /> 
    <ClientEvents OnCommand="RaiseCommand" /> 
    </ClientSettings

     

     

     

    Remainder of the content was omitted for brevity.

    Thanks,
    Matt


    EDIT: To clarify, the scrolling works perfectly if I do not set FrozenColumnsCount. It scrolls basically by "pixel" I would say. But when I set FrozenColumnsCount, it is like it scrolls by pixel sorta... but "snaps" to columns. And it does not do a very good job at it.

  2. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 22 Jul 2010 Link to this post

    Hello Matthew,

    The described behavior is rather expected. Please have in mind that when using frozen columns, there is one <div> with a "fake" scrollbar, which does not actually scroll the RadGrid columns, but causes them to hide and show (otherwise it is not possible to keep frozen columns always visible).

    Regards,
    Pavlina
    the Telerik team
    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 Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Matthew
    Matthew avatar
    3 posts
    Member since:
    Jul 2010

    Posted 22 Jul 2010 Link to this post

    The described behavior is completely unexpected...

    Why would I want a column to resize as I scroll it? SSN was 60 px, now it is 120px. I don't want that. I would rather have the per-pixel scrolling or at least a smarter per-column scrolling. At times it appeared that the columns were hiding and then unhiding due to the different sizes... a column that has a header in it sized for 100 px, for example, appears to the end user as though it disappears when the column resizes to 20px because of the neighbor's size.

    Whether it is expected or not, I would much rather just get a fix to the issue. The scrolling is funky and my client is not pleased with it. I need to use static headers and frozen columns with vertical and horizontal scrolling and allow for column widths to be completely different sizes for the entire grid. And it needs to make sense to the user when they are scrolling horizontally. At present, it does not.

    Any ideas on how to resolve this?

    Edit: Let me add some more symptoms of the problem. Perhaps I am not being totally clear. Assume I have columns in my grid and for sake of ease, we'll label them A-O
    The grid is frozen on D so that I can see A, B, C and D at all times.
    I have a horizontal scroll bar.
    I scroll to the right by clicking the increaser, nothing happens.
    I click again, nothing happens.
    I click one more time and suddenly, I see movement. Woot, I think. Except that it did not work. Instead, of see A, B, C, D, F... I see...
    A, B, C, D, E, F, G, I, J, K, L
    Notice the missing H... why did H suddenly disappear? Where did it go? Is it coming back? How is this the way it is intended to work? To an end user this is not intuitive at all.
  5. Matthew
    Matthew avatar
    3 posts
    Member since:
    Jul 2010

    Posted 22 Jul 2010 Link to this post

    To follow up, it is definitely doing some crazy shifting in places. In my last example, column H disappears... I scroll right and it reappears but column E disappears.

    Is there an option to force the first column to "disappear" to be the left most column after the last frozen column? And further, to ensure that column widths remain the same as they were (50px doesn't become 120px, etc...)? If I had the answers to these questions it would go a long way.

    Thanks,

    Matt
  6. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 23 Jul 2010 Link to this post

    Hello Matthew,

    I am afraid that with the current implementation of RadGrid control this is not possible.

    Best wishes,
    Pavlina
    the Telerik team
    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 Public Issue Tracking system and vote to affect the priority of the items
  7. David
    David avatar
    17 posts
    Member since:
    Aug 2011

    Posted 09 Nov 2011 Link to this post

    old thread, but I'd like to bring up the issue again. Was this ever fixed? Because I see the same problem with the current Q3-2011 RadGrid revision. The horizontal scrolling with frozen columns enabled behavior is terrible. Vertical scrolling works fine, it's smooth. But horizontally, it jerks around or does nothing at all. I click about 20 times or so and nothing happens, then suddenly it moves over a column. Why not move over a column per click? Woudln't that make sense? The only fast way to get it to move is to grab the scroll bar handle and drag it. Another confusing aspect is the rows resize themselves sometimes depending upon which columns are now visible (that slows it down too). Therefore which rows you are looking at are no longer the same rows after the grid finishes repainting itself.

    I'm re-writing a grid application from 15 years ago that used MSFlexGrid. The scrolling  in that grid works perfectly. How can you say something you've developed in 2011 can't do what something in 1996 could and can still do?

    I know RadGrid is more powerful and can do lots more things than MSFlexGrid can do, that's why I'm trying to utilize RadGrid. But this scrolling issue is almost a deal breaker. My grid has around 50 columns, so scrolling horizontally is essential for the end users. When I disable frozen columns, RadGrid scrolls perfectly. But that's not useful since we need to know the employee's name in column 1 and 2 at all times.

    Question. is there a way to set the scrolling behavior to do this: "upon each click on the horizontal scrollbar, move the grid 1 column" and also "upon each click on the vertical scrollbar, move the grid 1 row".

    I'm not trying to complain, I'm just stumped as to why such a powerful grid has such a hard time doing what seems like a simple operation (scrolling).

    Thank you for your attention.


  8. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 11 Nov 2011 Link to this post

    Hi David,

    Generally, when enabled, frozen columns functionality involves a lot of client side calculations and DOM operations in order to correctly determine which columns should be visible and which should be hidden while scrolling. In this scenario the number of columns has the greatest impact, since the more columns your grid has the more time these operations would last and hence the observed slow down. A large number of records rendered on the page along with static headers and frozen columns could also cause a slowdown in the client performance.

    Regarding your question:
    Currently there is no way to set the desired scrolling functionality, however I will forward your suggestion to our developers for further consideration.

    Kind regards,
    Pavlina
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  9. Kiran
    Kiran avatar
    5 posts
    Member since:
    Oct 2012

    Posted 19 Dec 2013 Link to this post

    Pavlina,

    Is this issue resolved yet in the later versions of Telerik?  I'm using the 2013.2 version of Telerik.  Still, I see this issue.

    Regards,
    Kiran
  10. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 24 Dec 2013 Link to this post

    Hi Kiran,

    I am really sorry for the inconvenience caused by this limitation. However, this is not a trivial problem but rather complicated one and it is related to the implementation of frozen columns functionality. Therefore, it is not so easy to fix this issue.
    We think to make a research which will help us to change the frozen columns logic in order to fix the limitations that this functionality has. Unfortunately I can not give you an exact timeframe when we will plan this research and what would be the result of it.

    Please do not hesitate to contact us if other questions or problems arise.

    Regards,
    Pavlina
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  11. Mani
    Mani avatar
    1 posts
    Member since:
    Jun 2014

    Posted 30 Jun 2014 Link to this post

    Mani,

    old thread, but I'd like to bring up the issue again. Was this ever
    fixed?  The horizontal scrolling with frozen columns enabled behavior
    is terrible. I click about 6-8 times or so and nothing happens, then suddenly it moves over a column. My requirement is to move over a column per click? Will this work? The only
    fast way to get it to move is to grab the scroll bar handle and drag
    it.

    I'm open to any kind of suggestions, inputs.

    Thank you for attention.
  12. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 03 Jul 2014 Link to this post

    Hello Mani,

    I am sorry to say that due to the current implementation of the frozen columns the requested functionality is not supported. Please excuse us for the inconvenience.

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  13. RSI
    RSI avatar
    80 posts
    Member since:
    Nov 2011

    Posted 16 Sep 2014 in reply to Pavlina Link to this post

    Hi Telerik, I hope this is in the pipeline and escalated to the top priority with the grid. This is one of, if not, the most widely used component and understandably, the most complex from a control development stand-point. We have a few grids in which we can not freeze the columns, because of the in ability to see the last couple columns and the scrolling delay issue. Again if the FrozenColumnsCount is set, it cant render itself correctly with the existing columns. Without this much needed function, unfortunately, we will be required to look elsewhere for another grid control. Time and money spent to swap out the control is not what we want to do. 

    So can you give us a definite answer on any fix to the FrozenColumnsCount property of the grid?

    Maybe a workaround with 2 grids scrolling vertically with each other, one to left has no scroll, one to right has a scroll, w/o the FrozenColumnsCount needed. Ideas? Can the vertical scroll of both grids listen to each other?

    Thanks!
  14. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 19 Sep 2014 Link to this post

    Hello,

    We understand your point of view very well. Unfortunately there is no workaround which you can use in order to fix the problem with FrozenColumnsCount property. However, we have already planned a research which will help us to change the frozen columns logic, in order to fix all the limitations that this functionality has.

    Please excuse us for the inconvenience caused.

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  15. Jud
    Jud avatar
    5 posts
    Member since:
    May 2011

    Posted 26 Sep 2014 in reply to Pavlina Link to this post

    Hi Pavlina

    We are using Telerik.Web.UI_2013_1_227_Dev_hotfix and still we are facing the frozen column issues where header are static and column width are fixed for each column then horizontal scroll are disappeared. Could you let me know in which version this issue has been corrected?

    Thanks.
  16. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 01 Oct 2014 Link to this post

    Hi,

    The problem with horizontal scroll which disappears should be fixed in the version you pointed as well as in the latest official release of UI controls for ASP.NET AJAX. Therefore, in order to assist you further we need to replicate the issue first. 

    Additionally, make sure that all columns have explicit pixel widths and their sum exceed the Grid width. Otherwise you will not be able to achieve horizontal scrolling.

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  17. Jud
    Jud avatar
    5 posts
    Member since:
    May 2011

    Posted 02 Oct 2014 in reply to Pavlina Link to this post

    Hi Pavlina,

    I have resolved all my issues regarding horizontal scrolling and freezing columns. Currently I am facing one out standing issue. When I hide any column by the context menu and then try to scroll left and then right the column is again re appeared .We need this functionality in our product. If you do not support then could you give me some idea how I could achieve frozen column functionality with hidden column?

    Regard's
    Muhammad Kashif
  18. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 02 Oct 2014 Link to this post

    Hello,

    Unfortunately frozen columns functionality is not supported with hidden columns and this is pointed in the following article:
    http://www.telerik.com/help/aspnet-ajax/grid-frozen-columns.html

    Please excuse us for the inconvenience caused.

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  19. David
    David avatar
    3 posts
    Member since:
    Sep 2014

    Posted 23 Jan 2015 Link to this post

    Is this issue resolved in the later versions of Telerik? Please let me know.
  20. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 23 Jan 2015 Link to this post

    Hello,

    I am happy to inform you that this frozen columns issue is already fixed and the fix will be included in Q1 2015 version of Telerik UI controls.

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  21. David
    David avatar
    3 posts
    Member since:
    Sep 2014

    Posted 23 Jan 2015 in reply to Pavlina Link to this post

    When will be the new Q1 2015 version available?
  22. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 24 Jan 2015 Link to this post

    Hello,

    Q1 2015 release is scheduled for the end of February.

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  23. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 04 Feb 2015 Link to this post

    Hi,

    This is to let you know that since Q1 2015 Beta release (already available for download) RadGrid provides support for Frozen columns with show/hide. 

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  24. Joy
    Joy avatar
    4 posts
    Member since:
    Jan 2015

    Posted 06 Feb 2015 Link to this post

    I downloaded the 2015 beta trial version to see if the frozen column scrolling issue resolved. Unfortunately I still see the issue. Do I have to hide and show some columns to achieve this functionality with out issues?
  25. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 09 Feb 2015 Link to this post

    Hi Joy,

    Do you mean that when you have frozen columns enabled and some grid column is hidden by setting its Display property to false or through the context menu and then you move then you move the scroll right and then left the hidden column appears again?

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  26. Joy
    Joy avatar
    4 posts
    Member since:
    Jan 2015

    Posted 09 Feb 2015 in reply to Pavlina Link to this post

    when I freeze some columns and then attempt to scroll horizontally, the grid scrolls very oddly. My question is how do I fix this issue using latest version of controls?
  27. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 10 Feb 2015 Link to this post

    Hi Joy,

    From the provided information it seems that the issue you are talking  about is not related to the fix we made. Therefore, I would ask you to record a video which demonstrates the oddly scrolling of the grid. Providing the problematic code and  specifying which is the browser version you are using would help us better understand the issue you are facing and assist you further.

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  28. Joy
    Joy avatar
    4 posts
    Member since:
    Jan 2015

    Posted 11 Feb 2015 in reply to Pavlina Link to this post

    Hello Pavlina,
      This is not a new issue. This was already reported by other users in this same thread. Please see the above posts. I have more than 20 columns and the horizontal scroll bar with frozen columns enabled moves very slowly per click.
  29. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 12 Feb 2015 Link to this post

    Hello,

    Indeed this issue was already reported i this thread but it is not the one that we fixed. You can check the release notes in the link below to see all the improvements we made in terms to frozen columns functionality:
    http://www.telerik.com/support/whats-new/aspnet-ajax/release-history/ui-for-asp.net-ajax-q1-2015-beta-(version-2015.1.204)

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  30. Joy
    Joy avatar
    4 posts
    Member since:
    Jan 2015

    Posted 12 Feb 2015 in reply to Pavlina Link to this post

    Any workaround for this issue with the latest version?
  31. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 12 Feb 2015 Link to this post

    Hello,

    The only workaround in this case would be to decrease the number of columns in the grid.

    Regards,
    Pavlina
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017