Grid Height

[Oleg]

hi

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]

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

Regards, 

R.Dhivya