Freeze Datagrid Header

pallu · February 4, 2021, 5:00pm

Hi,
Is there a way to freeze the header row in the DataGrid?

korchev · February 4, 2021, 5:07pm

It is frozen by default. You can see it here. Make sure you have included the JS and CSS required by Radzen.Blazor and that there are no JS errors. Also make sure the height of the DataGrid has been set via the style attribute

<RadzenGrid style="height: 500px">

pallu · February 4, 2021, 5:29pm

Ah, the fixed height. It would be great to have it fill the entire page. Anyway, I think I can live with it. Thanks!

johnmu · February 4, 2021, 7:37pm

You can fit the height to your screen as follows:
calc(100vh - 160px)

Remember to keep the spaces around the minus sign.

pallu · February 4, 2021, 8:24pm

Perfect! That worked well. Thanks a ton!

lgamez · October 2, 2023, 4:40pm

I found an issue with this, when scrolling with frozen cells, they go over the header. I tried changing Z-index but it doesnt help

enchev · October 3, 2023, 4:16am

Hey @lgamez,

Frozen columns works normally on our demo: