We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Floating horizontal scrollbar in grid

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.


1 Reply

PS Pavithra Subramaniyam Syncfusion Team November 28, 2019 05:30 AM

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'> 
</div > 

Sample for your reference, 

Let us know if you have any concerns. 
Pavithra S. 

Live Chat Icon For mobile
Up arrow icon