Select theme:

Apply DataGrid sort and filter on export (Angular)Link to this section

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

Quick videoLink to this section

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 invoke 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-2026 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP

Select theme: