I have a simple data grid as follows:
<RadzenGrid AllowFiltering="true" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" FilterMode="FilterMode.Advanced" AllowPaging="true" PageSize="10"
AllowSorting="true" Data="@Customers" TItem="Customer" ColumnWidth="200px" AllowColumnResize="true">
<Columns>
<RadzenGridColumn TItem="Customer" Property="FirstName" Title="First Name" />
<RadzenGridColumn TItem="Customer" Property="LastName" Title="Last Name"/>
<RadzenGridColumn TItem="Customer" Property="Birthday" Title="Birthday" />
<RadzenGridColumn TItem="Customer" Property="LastOrderDate" Title="Last Order Date" />
<RadzenGridColumn TItem="Customer" Property="LastOrderTotal" Title="Last Order Total" />
</Columns>
</RadzenGrid>
Data binds find and appears correctly in the grid. However, I cannot sort or filter on the grid. I see the sort icon and the filter icon. Clicking the filter icon pops the div to filter on but nothing is functional.
application type: server-side
css/js setup in _host file:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css">
<script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
</head>
what am I missing