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

Grid Height

Is there a way to set not a fixed height in px or % but visible area hight and add vertical scroll only if the grid has more rows than can fit?
I have my page header and grid under it.
show vertical scroll only if the grid has many rows,
the grid should take all height left after my page title div.
Show horizontal scroll (my table has fixed-width) at the bottom of the page always
Show sticky grid header on scroll.
If I set the height to 100% - no sticky headers
Set the height to a fixed px value is not an option for me
See the attachment as an example, please.
thank you!

Attachment: example_6023ad4f.zip

1 Reply

DR Dhivya Rajendran Syncfusion Team August 1, 2019 12:24 PM UTC

Hi Oleg, 

Greeting from syncfusion. 

By default, Scroll bar will be displayed when the total row height(that present) will exceed the grid element height in Grid. If you are using fixed height for the parent element and applied height as 100% then grid will adaptive to the parent element(responsive). 

Could you please share more information or below regarding your requirement that will helpful for us to validate further at our end. 

  • If possible share the sample or code example to analyze your layout structure
  • Share the video to demonstrate the problem(no sticky header)
  • Could you please try to apply height for grid based on the parent element height this might resolve the problem


Live Chat Icon For mobile
Up arrow icon