Grid Header Disappearing on Mobile Devices

Radzen.Blazor Components
1

Hello,

I'm currently testing a basic grid header on mobile devices, and I've encountered an issue where the header disappears. I'm using a minimal code setup with only the base theme and the grid itself. Here's the code I'm using:

<RadzenGrid Data="@prospectos" PageSize="10"
           PagerHorizontalAlign="HorizontalAlign.Center" AllowSorting="true" AllowPaging="true"
           TItem="Prospecto">
   <Columns>
       <RadzenGridColumn TItem="Prospecto" Property="Nombres" Title="Nombres" TextAlign="TextAlign.Left"></RadzenGridColumn>
       <RadzenGridColumn TItem="Prospecto" Property="Apellidos" Title="Apellidos" TextAlign="TextAlign.Left"></RadzenGridColumn>
   </Columns>
</RadzenGrid>

However, when I view this grid on a mobile device (either a physical device or through browser simulation tools), the header disappears. I wanted to confirm if this behavior is by design or if there might be something specific to my setup causing this issue. I noticed that in the Radzen samples, the grid header appears to function correctly.

Any guidance or assistance on resolving this header disappearance issue would be greatly appreciated. Thank you!

2

Hi @leoperez,

We recommend using RadzenDataGrid instead of RadzenGrid. It should behave better on a mobile device.

3

Sometime you only need eyes :slight_smile: thank you very much. The code was from a previous project and i did not notice the difference.