Freeze/Sticky/Fixed Grid Header Row

[Janki]

Is this possible without setting up pagination, virtual scrolling, or infinite scrolling?

[Janki]

I ended up using CSS and it worked like a charm (may not be useful for you if your users are on IE - see latest CanIUse here):

.k-grid-header {
    position: sticky;
    top: 0px;
    z-index: 1000;
}

 

But now the column filter menu is offset and making the grid jump when you use it - is there anything that's built into the KendoReact Grid that would prevent these sort of related issues from springing up?

[Stefan]

Hello, Janki,

The GridHeader will be at the top when the Grid is scrollable(it is scrollable by default).

This can be seen in our demo:

https://www.telerik.com/kendo-react-ui/components/grid/get-started/

If the requirement is different, please share more detail, as this will help us provide more to the point suggestion.

Regards,
Stefan
Progress Telerik

[Janki]

Thank you, I don't know how I missed that basic example! It works great! I appreciate your help, Stefan!