Radzen Blazor Components

DataGrid OData

Use the LoadData event to get data from a REST service.

In this demo the Employees are loaded from an OData service with the Title and Customers columns using multi-select dropdown filters with FilterTemplate to query related data from the server.

ID
First Namefilter_alt
Last Namefilter_alt
Titlefilter_alt
Customersfilter_alt
Title Of Courtesyfilter_alt
Birth Datefilter_alt
Hire Datefilter_alt
Addressfilter_alt
Cityfilter_alt
Regionfilter_alt
Postal Codefilter_alt
Countryfilter_alt
Home Phonefilter_alt
Extensionfilter_alt
Notesfilter_alt

Data-bind to a service

1. Set the Data and Count properties.

<RadzenDataGrid Count="@count" Data="@employees"

2. Handle the LoadData event and update the Data and Count backing fields (employees and count in this case).


async Task LoadData(LoadDataArgs args)
{
    var result = await service.GetEmployees(filter: args.Filter, top: args.Top, skip: args.Skip, orderby: args.OrderBy, count: true);
    employees = result.Value.AsODataEnumerable();
    count = result.Count;
}
            
All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙