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.

Easy backend integration

Explicit Integration with PHP, Node.js, Golang and .NET.

Webix environment

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

Easy frontend integration

Сan work with all modern frameworks. You can use it standalone or inside the React of an Angular app.


All elements can be adjusted through API, without need to edit anything in source codes (which are provided by the way).

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