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

Closed
opened 2026-01-29 17:33:29 +00:00 by claunia · 1 comment
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)
Author
Owner

@enchev commented on GitHub (Feb 1, 2022):

Unable to reproduce this with the latest version.

@enchev commented on GitHub (Feb 1, 2022): Unable to reproduce this with the latest version.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#213