I am using a RadzenDataGrid with AllowVirtualization set to true. This works great, but the data inside some of the cells are too large and I would like to expand the cell’s height, either by a fixed amount or to fit the content of the cell’s data. I did this by adding CSS and also tried using Template for each column. But for both of these, when I scroll down the list of records, the table flickers and behaves oddly. How can I format the cells height without causing the flickering? Thanks!
RadzenDataGrid uses the built-in Blazor Virtualize component, which assumes all rows have the same fixed height - it doesn't measure the actual rendered rows. When your CSS or templates make rows taller or auto-sized, the scroll calculations no longer match the real layout, which causes the flickering you're seeing.
Variable row heights are simply not supported by Blazor virtualization - this is a known limitation tracked here: Blazor - support variable height items in Virtualize component · Issue #25058 · dotnet/aspnetcore · GitHub
To avoid it, keep all rows at the same fixed height (e.g. truncate long content with ellipsis and show the full text in a tooltip or expandable detail template), or use paging instead of virtualization.