Sticky DataGrid Header

Hello Team,

I would like to ask if there have any way to make DataGrid sticky to the top when the user reaches its scroll position. Also, can I add css into DataGrid column?

Many thanks. Best regards,

Your DataGrid or container should have height defined:

Sorry for my mistake, I mean can DataGrid Header be sticky to the top when the user reaches its scroll position? I'm trying to set DataGrid page size to 100 and sticky the header when the user reaches its scroll position.

What does that mean?

It mean when user scroll down, the DataGrid Header will always sticky on top.
like this How To Create a Sticky Navbar

This is the default behavior when height is specified:
vertical-scroll

How about in page level scroll down? If DataGrid height not fix can Header still sticky like default behavior?

No. The DataGrid header will stay sticky only when the grid itself is scrolled, not the entire page.

Got it. Many thanks for answer my question.