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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Grid Height

Thread ID:





146325 Jul 31,2019 12:16 PM UTC Aug 1,2019 12:24 PM UTC Vue 1
Tags: Data Grid
Asked On July 31, 2019 12:16 PM UTC

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

Dhivya Rajendran [Syncfusion]
Replied On 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



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon