In the example below, the grid is melted into the page. There is no scrolling in the grid. Even if the list grows to 10, the height will increase by itself.
However, the height of kendo grid is mostly fixed in all examples, so scrolling occurs. How can I set auto height without scrolling? Also, please include an example of removing scrolling in the official example. It's too stereotyped. It's so frustrating because of the scrolling.
https://hyper-react.coderthemes.com/ui/tables/advanced
Hi, Won Bae Jung,
Thank you for the screenshots.
Here is an example of the Data Grid without scroll:
https://stackblitz.com/edit/react-zydzc6?file=app%2Fmain.jsx
The Grid's scroll mode can be customized using its scrollable prop. In your case, it should be set to `none` which disables scrolling and fits height to content automatically. This prop can also be set to `scrollable` for default scrolling or `virtual` for virtual scrolling.
You can check our `scroll-modes` article where we have it explained, we will also consider adding an example:
https://www.telerik.com/kendo-react-ui/components/grid/scroll-modes/#toc-non-scrollable-mode
I hope this was helpful, let us know if you have any further questions.
Regards,Wissam
Progress Telerik