Hello,
Is there any easy and elegant way to fill remaining space with grid?
Imagine there's an AppBar at the top, a footer at the bottom and I want to fill entire middle space with grid that contains too many rows to display them without overflowing, so there has to be a working scrollbar.
Thank you for any help.
1 Answer, 1 is accepted
Hi, Artur,
The easiest way to fill the remaining space is by using the style prop and setting the height to 100%:
https://stackblitz.com/edit/react-urqg79?file=app/main.tsx
By default, the scrollbar will always show if there are enough records in the grid data.
I hope this helps.
Regards,
FilipProgress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.