Wj-flex-grid Horizontal scrolling

Wj-flex-grid Horizontal scrolling

Posted by: kimleeju on 28 January 2019, 2:43 pm EST

• 

  kimleeju

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 28 January 2019, 2:43 pm EST - Updated 3 October 2022, 3:12 pm EST

  Hello, everyone.

  

  1663×660 4.87 KB

  I want to change the position of the horizontal scroll bar at the top, not at the bottom.

  How can I change my position? I’m waiting for your help.
  
  Thank you.

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 29 January 2019, 2:33 am EST

  Hi,

  All the scrollbars shown in the wijmo controls are standard/system scrollbars.
  
  And they could be styled using CSS on browsers which support webkit-scrollbar like:
  
  .wj-flexgrid [wj-part=“root”]::-webkit-scrollbar {
  
  width: 5px;
  
  height: 5px;
  
  }
  
  But as for the scrollbar position, browsers don’t support it yet.

  ~Sharad

• 

  slav

  • Post Options:
  • Link
    Copy

  Posted 12 November 2020, 2:37 pm EST

  Is there a way to have a horizontal scroll bar positioned at the top and at the bottom? This post is almost two year old and I’m hoping things had changed.
  
  If you have a large grid with 500 or more records per page, no one would want a long vertical scroll to see horizontal scroll in the bottom. Seems to me like it would be a common problem. Thank you!

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 13 November 2020, 5:35 am EST

  Hi Slav,

  We are sorry but only one scroll bar is displayed at a time. As the default behavior scroll bar is displayed at the bottom of the grid, but to access the scroll bar you do not need to scroll to the bottom it is visible even if you do not scroll to the bottom. Please refer to the following demo:
  
  https://www.grapecity.com/wijmo/demos/Grid/Overview/purejs
  
  In the above demo, the grid has 500 rows but the scroll bar is visible even if we do not scroll to the bottom.

  Regards

• 

  slav

  • Post Options:
  • Link
    Copy

  Posted 16 November 2020, 4:18 pm EST

  Thank you for your reply and for the link to your demo! We will try to limit the height of flexgrid same way you did it in that demo.