Hello, I apologize if this is a known issue, but I could not find another thread mentioning the following error:
The keyboard navigation for the DataGrid control will highlight the row above the currently selected row when setting the FilterMode to either "FilterMode.Simple," or "FilterMode.SimpleWithMenu." Advanced seemed to not be an issue.
I recreated the problem in the "DataGrid IQueryable" demo (https://blazor.radzen.com/datagrid) by switching the FilterMode from "Advanced" to "Simple" on Line 7, as shown below:
@using RadzenBlazorDemos.Data
@using RadzenBlazorDemos.Models.Northwind
@using Microsoft.EntityFrameworkCore
@inherits DbContextPage
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" AllowAlternatingRows="false" FilterMode="FilterMode.Simple" AllowSorting="true" PageSize="5" AllowPaging="true" PagerHorizontalAlign="HorizontalAlign.Left" ShowPagingSummary="true"
Data="@employees" TItem="Employee" ColumnWidth="300px" LogicalFilterOperator="LogicalFilterOperator.Or" SelectionMode="DataGridSelectionMode.Single" @bind-Value=@selectedEmployees>
<Columns>
<RadzenDataGridColumn TItem="Employee" Property="EmployeeID" Filterable="false" Title="ID" Frozen="true" Width="80px" TextAlign="TextAlign.Center" />
<RadzenDataGridColumn TItem="Employee" Title="Photo" Frozen="true" Sortable="false" Filterable="false" Width="80px" TextAlign="TextAlign.Center" >
<Template Context="data">
<RadzenImage Path="@data.Photo" class="rz-gravatar" AlternateText="@(data.FirstName + " " + data.LastName)" />
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Employee" Property="FirstName" Title="First Name" Frozen="true" Width="160px" />
<RadzenDataGridColumn TItem="Employee" Property="LastName" Title="Last Name" Width="160px"/>
<RadzenDataGridColumn TItem="Employee" Property="Title" Title="Job Title" Width="200px" />
<RadzenDataGridColumn TItem="Employee" Property="TitleOfCourtesy" Title="Title" Width="120px" />
<RadzenDataGridColumn TItem="Employee" Property="BirthDate" Title="Birth Date" FormatString="{0:d}" Width="160px" />
<RadzenDataGridColumn TItem="Employee" Property="HireDate" Title="Hire Date" FormatString="{0:d}" Width="160px" />
<RadzenDataGridColumn TItem="Employee" Property="Address" Title="Address" Width="200px" />
<RadzenDataGridColumn TItem="Employee" Property="City" Title="City" Width="160px" />
<RadzenDataGridColumn TItem="Employee" Property="Region" Title="Region" Width="160px" />
<RadzenDataGridColumn TItem="Employee" Property="PostalCode" Title="Postal Code" Width="160px" />
<RadzenDataGridColumn TItem="Employee" Property="Country" Title="Country" Width="160px" />
<RadzenDataGridColumn TItem="Employee" Property="HomePhone" Title="Home Phone" Width="160px" />
<RadzenDataGridColumn TItem="Employee" Property="Extension" Title="Extension" Width="160px" />
<RadzenDataGridColumn TItem="Employee" Property="Notes" Title="Notes" Width="300px" />
</Columns>
</RadzenDataGrid>
@code {
IEnumerable<Employee> employees;
IList<Employee> selectedEmployees;
protected override async Task OnInitializedAsync()
{
await base.OnInitializedAsync();
employees = dbContext.Employees;
selectedEmployees = new List<Employee>(){ employees.FirstOrDefault() };
}
}
The following screenshot is the result of the above code; "Nancy" is currently highlighted, but "Andrew" selected when pressing "ENTER"