Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Thibaud Lescuyer
650
Horizontal scrolling issue
posted
 
the Ignite grid does not allow us to scroll to the limit of the content.
 
·         Open the sample 
·         Before anything else, try to scroll to the left:
YOU CAN’T
·         Use the grip to enlarge the content:

·         You are stuck, you can’t scroll horizontally.
 
I was able to locate the place where the problem occurs:
 
My assumption is that the totalWidth is *computed* once and never refreshed within the scroll event handler (because it is refreshed only when totalWidth === 0).
Furthermore, it looks like the width() method does not return the correct information for the container (1) and the total (2) width.
 
For instance:
 
 
 
igGrid_horizontal_scrolling_v4 (1).zip
Parents
No Data
Reply
  • 17590
    Offline posted

    Hello Robert,

    Thank you for posting in our community.

    In order to ensure that I will provide you with better and more accurate support I will need some additional information regarding your scenario.

    Could you please let me know what is the reason why in the rendered event you are setting the overflow-x property of the scrolling container to auto? I am asking because initially, only one column in your grid is displayed. Since autofitLastColumn property is set to true by default this column will extend to the entire width of the grid. In this scenario no horizontal scrollbar is needed. If you resize the column later and its width exceeds the width of the grid a horizontal scrollbar appears by default and you could scroll all the way to the end of this scrollbar. Having this in mind I was wondering what is the purpose of showing this scrollbar in the rendered event of the igGrid and additionally setting hscroller_container to be hidden?

    If I comment the code in the rendered event the igGrid behaves as expected on my side. I am attaching your modified sample for your reference.

    I am looking forward to hearing from you.

    igGrid_horizontal_scrolling_v4Modified.zip
Children