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 data bases. 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.

live demo

  • Integration: jQuery, Angular, React, Vue.js, Backbone
  • Support of All Modern browsers
  • Ready for Touch Devices
  • Meets Section 508
  • Quick styling with CSS

JS Query widget features

Webix Query is built using the Webix Jet microframework. It allows changing the design quickly and easily and setting the widget according to the requirements of your application. Query can be used both as an independent UI control and in combination with data widgets.

Landscape and portrait modes

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

Integration with data widgets

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

Back-end for SQL queries

Query is delivered with back-end solution, built with Golang and NodeJS. This solution enables SQL queries to work with server data bases.

Easy design and setting

Query is built with Webix Jet, so you can easily set its look: change its size, add margins and indents or location of the elements…

Query JavaScript coding samples



Ability to switch languages inside the working field

Compact Skin

Compact Skin

Ability to see a greater number of elements in the visible working area

Webix Query licensing