Webix 11.4 Released Read More New Features in Core, Kanban & Rich Text Editor, plus a Powerful SpreadSheet Update
Back
Download
En
Choose language
En
Ru Kr
En
En
Ru Kr
Download

JavaScript GridLayout Widget

The GridLayout widget is designed for precise and effortless positioning of UI components within a grid. You can set your own sizes for grid cells and the number of grid rows and columns. Each UI component can span one or several grid cells.

GridLayout live demo

GridLayout Key Features

Easy and precise positioning

Create a grid with any number of rows and columns and place your widgets inside the grid.

Dynamic UI modifications

Add, move, and delete components from the grid. Apart from creating each component individually, you can define schemes for adding dynamic components.

Saving and restoring UI state

GridLayout API also allows saving and restoring the current position of UI widgets within GridLayout.

GridLayout – Part of Webix UI Library

Get a 30-day free trial to test GridLayout along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.
Try Webix

GridLayout functionality

GridLayout – Part of Webix UI Library

Get a 30-day free trial to test GridLayout along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.
Try Webix
© 2013-2026
All product and company names herein may be trademarks of their respective owners.
Rating 4.7
based on reviews of 49 customers