Select theme:

Material 3
warning

You are viewing the legacy Radzen documentation.

Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.

Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.

The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/

Open Radzen Blazor Studio docs

Apply DataGrid sort and filter on export (Angular)link

This guide shows how to apply DataGrid sort and filter when exporting to Excel or CSV.

Quick videolink

1. Create new CRUD application from our Sample database and open Orders page. image

2. Add Page properties filter and sort equal to ${event.filter} and ${event.orderby}in DataGrid LoadData event. image

3. Add a Button component above the DataGrid component, choose Export action for Button Click event and ivoke the same data source method used in DataGrid LoadData event using filter and sort Page properties as $filter and $orderby parameters. image image

4. Run the application, apply sort and filter and press Export button. image image

In this article —
© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3