Grid SAP SE A layout control which positions its child controls in a 12 column flow layout. The <code>Grid</code> control's 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 extra large-, large-, medium- and small-sized screens, such as large desktop, desktop, tablet, and mobile. The <code>Grid</code> control's width can be percentage- or pixel-based and the spacing between its columns can be set to various predefined values. <b>Notes:</b> <ul> <li>The visibility of the child control does not affect the horizontal space it occupies, meaning that even if the control is not visible, its horizontal space still exists, even if it is empty.</li> <li> If it gets wider, the content of the columns is designed to overflow outside of its dimensions. An additional <code>sapUiRespGridOverflowHidden</code> CSS class should be added to the control in order to hide the overflowing part of it.</li> </ul> 1.15.0 sap.ui.core/Control Optional. Defines the width of the <code>Grid</code>. If not specified, then 100%. Optional. Defines the vertical spacing between the rows in the <code>Grid</code>. In rem, allowed values are 0, 0.5, 1 and 2. Optional. Defines the horizontal spacing between the content in the <code>Grid</code>. In rem, allowed values are 0, 0.5 , 1 or 2. Optional. Defines the position of the <code>Grid</code> in the window or surrounding container. Optional. A string type that represents the span values of the <code>Grid</code> for large, medium and small screens. Allowed values are separated by space Letters L, M or S followed by number of columns from 1 to 12 that the container has to take, for example, <code>L2 M4 S6</code>, <code>M12</code>, <code>s10</code> or <code>l4 m4</code>. <b>Note:</b> The parameters must be provided in the order <large medium small>. Optional. Defines default for the whole Grid numbers of empty columns before the current span begins. It can be defined for large, medium and small screens. Allowed values are separated by space Letters L, M or S followed by number of columns from 0 to 11 that the container has to take, for example, <code>L2 M4 S6</code>, <code>M11</code>, <code>s10</code> or <code>l4 m4</code>. <b>Note:</b> The parameters must be provided in the order <large medium small>. If set to <code>true</code>, the current range (large, medium or small) is defined by the size of the container surrounding the <code>Grid</code> instead of the device screen size (media Query). Controls that are placed into Grid layout. Association to controls / IDs that label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).