NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more
Download
Complex widgets
Data widgets
Visualization widgets
Control widgets
Navigation widgets
Windows and popups
Layouts

JavaScript GridLayout UI 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.

Download JS GridLayout

live demo

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

Functionality

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.

Create rich user interfaces with Webix UI library

Download Free Trial
contacts
© 2013-2024
All product and company names herein may be trademarks of their respective owners.
Rating 4.8
based on reviews of 47 customers