DataGrid headline is overlapped by the search bar after scrolling down #210

Open
opened 2026-01-29 17:33:27 +00:00 by claunia · 0 comments
Owner

Originally created by @Kurti123 on GitHub (Sep 29, 2021).

So there is this problem with the DataGrid where, when scrolling down, the column with the search tools moves over the header of the table and hides the headlines. If I remove the search bar, then everything works fine. The search bar just does not stay in place.

I tested this with Chrome 92.0.4515.107 and latest Radzen 3.10.2. Here's what the relevant code looks like:

<RadzenDataGrid AllowFiltering="true" @ref="nowdealsGrid"
                IsLoading="@isLoading" AllowColumnResize="true" FilterMode="FilterMode.Simple"
                PageSize="25" AllowPaging="true" AllowSorting="true" Data="@nowdeals" TItem="Nowdeals"
                ColumnWidth="300px" LogicalFilterOperator="LogicalFilterOperator.Or" Style="height: 800px;">
    <Columns>
        <RadzenDataGridColumn TItem="Nowdeals" Property="CommissionNumber" Title="Komm.-Nr" />
        <RadzenDataGridColumn TItem="Nowdeals" Property="VehicleType" Title="Typklasse" Width="130px" />
        <RadzenDataGridColumn TItem="Nowdeals" Property="VehicleDescription" Title="Bezeichnung" />
        <RadzenDataGridColumn TItem="Nowdeals" Property="Aktionsfahrzeuge" Title="Aktions-Fzg." />
        <RadzenDataGridColumn TItem="Nowdeals" Property="ApprovedByWs" Title="Freigabe WS" />
        <RadzenDataGridColumn TItem="Nowdeals" Property="MerbagChipIn" Title="Merbag Chip in" />
        <RadzenDataGridColumn TItem="Nowdeals" Property="ImportDate" Title="Importdatum" />
    </Columns>
</RadzenDataGrid>

image

Originally created by @Kurti123 on GitHub (Sep 29, 2021). So there is this problem with the DataGrid where, when scrolling down, the column with the search tools moves over the header of the table and hides the headlines. If I remove the search bar, then everything works fine. The search bar just does not stay in place. I tested this with Chrome 92.0.4515.107 and latest Radzen 3.10.2. Here's what the relevant code looks like: ``` <RadzenDataGrid AllowFiltering="true" @ref="nowdealsGrid" IsLoading="@isLoading" AllowColumnResize="true" FilterMode="FilterMode.Simple" PageSize="25" AllowPaging="true" AllowSorting="true" Data="@nowdeals" TItem="Nowdeals" ColumnWidth="300px" LogicalFilterOperator="LogicalFilterOperator.Or" Style="height: 800px;"> <Columns> <RadzenDataGridColumn TItem="Nowdeals" Property="CommissionNumber" Title="Komm.-Nr" /> <RadzenDataGridColumn TItem="Nowdeals" Property="VehicleType" Title="Typklasse" Width="130px" /> <RadzenDataGridColumn TItem="Nowdeals" Property="VehicleDescription" Title="Bezeichnung" /> <RadzenDataGridColumn TItem="Nowdeals" Property="Aktionsfahrzeuge" Title="Aktions-Fzg." /> <RadzenDataGridColumn TItem="Nowdeals" Property="ApprovedByWs" Title="Freigabe WS" /> <RadzenDataGridColumn TItem="Nowdeals" Property="MerbagChipIn" Title="Merbag Chip in" /> <RadzenDataGridColumn TItem="Nowdeals" Property="ImportDate" Title="Importdatum" /> </Columns> </RadzenDataGrid> ``` ![image](https://user-images.githubusercontent.com/24918126/135230289-e62b1487-08f5-4b72-9bc2-37b464f144e6.png)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#210