Vue 3 filtering library: from a simple input to a visual query builder and natural language search
-
Updated
Apr 17, 2026 - Vue
Vue 3 filtering library: from a simple input to a visual query builder and natural language search
A quick start Vue project that shows how to bind complex data in the Syncfusion Vue Query Builder component. This project contains simple code to bind complex data using nested columns and directly connect the complex data source to the component.
A quick start Vue project that shows how to interact with and customize the views in the Syncfusion Vue Query Builder component. This project contains simple code to lock, clone, and drag-and-drop groups and rules; set the maximum group count; and set rule validations.
A Vue quick start project that shows how to import and export rules in the Syncfusion Vue Query Builder component. This project contains simple code to export rules to JSON and SQL. The code includes Inline, Parameter, and Named Parameters SQL query handling.
A quick start project that shows how to create and configure the Syncfusion Vue Query Builder component in a Vue project. This project contains simple code to bind a data source, customize the columns, add rules at initial load, filter Data Grid records using the Query Builder.
Add a description, image, and links to the vue-query-builder topic page so that developers can more easily learn about it.
To associate your repository with the vue-query-builder topic, visit your repo's landing page and select "manage topics."