Create a Query Builder UI Component in a Blazor Server Application

This example explains how to add the Syncfusion Blazor Query Builder component to a Blazor server application, columns to the Query builder, and filter the data by adding conditions to it. It also shows how to get the rules from the Query Builder.

Watch a How-to Video:https://www.syncfusion.com/tutorial-videos/blazor/query-builder-ui?title=create-a-query-builder-ui-component-in-a-blazor-server

Documentation: https://blazor.syncfusion.com/documentation/query-builder/getting-started

Online example: https://blazor.syncfusion.com/demos/query-builder/default-functionalities

Prerequisites

• Visual Studio 2022

How to run the project

• Checkout this project to a location in your disk.
• Open the solution file using the Visual Studio 2022.
• Restore the NuGet packages by rebuilding the solution.
• Run the project.

Further help

For more help, check the ASP.NET Core Blazor documentation.