Floating horizontal scrollbar in grid

[Darryl Johnson]

Hi Team,

I have a requirement of making floating horizontal scrollbar in the grid so that the user doesn't have to scroll all the way to down the page to start scrolling horizontally.

Regards

[Pavithra Subramaniyam]

Hi Darryl, 

Thanks for contacting Syncfusion support. 

You can achieve your requirement of “Rendering a floating horizontal scrollbar in the grid” by setting the grid’s parent element position to “absolute” as demonstrated in below code snippet, 

<div id="container" style="position: absolute;"> 

  <ejs-grid #grid (dataBound)='onDataBound($event)' width='auto' height='auto'  [dataSource]= 'data'> 

  </ejs-grid> 

</div > 

Sample for your reference, 

Sample: https://www.syncfusion.com/downloads/support/forum/149386/ze/Floatinghorizontalscrollbar-1058535819  

 

Let us know if you have any concerns. 

 

Regards, 

Pavithra S.