Advanced filters editor JavaScript Query

Query is a JavaScript widget for creating complex, multileveled filters to work with data widgets or form SQL queries for databases. The Query widget allows setting any conditions and filtration rules. It is a convenient UI tool that helps users to work with huge amounts of data without programming or forming SQL queries.

1 2 3

1. Combining and grouping filters

Possibility to add, edit and delete single filters as well as arrange them in groups

2. Detailed data filtering

Possibility to apply filtering criteria depending on data type and preview the result

3. Compact layout

Laconic design to display filtering criteria in a limited screen space

Advantages of the Webix JavaScript Query

Concise solution

An elaborate solution for filtering.

Easy setup and customization

Simple design setup, simple functionality customization.

Backend integration

Well-designed back-end on Go and Node for generating SQL queries for server filtering and easy integration with any platforms: PHP, Node.js, Golang, .NET.

Webix environment

Operating in the same eco-environment of the Webix library.

Frontend integration

Integration with jQuery, AngularJS, Vue.js, React and third party libraries.

Web accessibility

Meets Section 508 and WAI-ARIA standards and supports keyboard navigation.

Advanced Query features for JavaScript applications


  • Webix Query can be laid vertically and horizontally. Use it as you wish!


  • Query may be used with data widgets, such as  DataTable or  Pivot.
  • Convenient UI of the Query widget allows users to work with data tables effectively.



  • You can add or remove filters, but can't group and edit them

JavaScript Query live demo

Webix Query licensing