Class

sap.ui.layout.Grid


About

The Grid control is a layout which positions its child controls in a 12 column flow layout. Its children can be specified to take on a variable amount of columns depending on available screen size. With this control it is possible to achieve flexible layouts and line-breaks for large-, medium- and small-sized screens, such as desktop, tablet, and mobile. The Grid control's width can be percentage- or pixel-based and the spacing between its columns can be set to various pre-defined values.


Use

Use GridData to set col size in Large, Medium and Small size. In This example the grid size is 6,2 and 4. In total 12.










Preview




Reference


API


Testsuite