This repository demonstrates how to integrate the Webix Data Grid into a Vue 3 application using Vite and the Composition API.

The demo displays a climate system management dashboard.

• Multi-column sorting - click column headers to sort by multiple fields
• Custom filters - text and select filters in column headers; custom footer filters
• Sparkline charts - inline temperature history visualization per row
• Row & column drag - reorder rows and columns by dragging
• Date formatting - built-in Webix date formatter applied to date columns
• Status badges - custom HTML templates in the Status column
• Column resizers - drag column borders to resize; resizer icons in column headers
• Responsive configuration - grid adjusts to container resize; mobile-friendly split

npm install

npm run dev

npm run build

Node.js ^20.19.0 or >=22.12.0

MIT