Blazor Query Builder - Header Templates

Query Builder / Templates / Header Template

This sample demonstrates the Header Template functionality in the QueryBuilder component using DropDownList and Button components. In this sample, users can change the condition using the DropDownList component and add rules, groups, or delete groups using the Button component.

Loading Syncfusion Blazor Server Demos…

This sample illustrates how to integrate the HeaderTemplate in the QueryBuilder. This feature is used to create a custom user interface for the header with custom components and update the rule collection using the component's events. You can specify it using the HeaderTemplate directive. Inside the template, data can be accessed using the implicit named parameter Context.

More information about the Blazor QueryBuilder Header Template can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE