Radzen Column Width & Horizontal Scrolling

Radzen.Blazor Components
1

I'm trying to setup a data grid in Visual Studio's blazor using a page that is laid out in the same way as the template provided by Visual Studio, but I'm having this (image below) happen when I try putting my grid together with these attributes:

AllowFiltering="true" AllowColumnResize="true" AllowSorting="true" PageSize="25" AllowPaging="true" PagerHorizontalAlign="HorizontalAlign.Left" ShowPagingSummary="true" Style="width:calc(100vw-250px)"

Format Issue
Format Issue1614×836 193 KB

What am I doing wrong here? I'm trying to get a horizontal scroll bar to appear on the datagrid component, but when I have managed to do that (using specified column widths) then the scroll only moves the last column, bringing a column onto the screen overlapping with the others when the scroll bar is moved all the way to the right.

2

Hi @RWGreen,

One thing that strikes me as suspicious is that The background of all the columns is grey. Are they all those columns frozen (Frozen="true")? In any case here is a working demo of horizontal scrolling: Blazor IQueryable | a free UI component by Radzen

3

I see.. I did use frozen="true", and clearly I don't know what that attribute is for. Changing it to false has fixed the strange issues that I was seeing, so, where could I go to get a better understanding of what that attribute is actually used for?

4

It "freezes" a column thus stopping it from horizontal scrolling. Visible in the demo I've linked in my prior reply.