> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **<Grid>** component is a two-dimensional layout. The component is divided into rows and columns, to form cells. You can specify the cell where an item is located and combine different grids to form various layouts.
The **<Grid>** component is a two-dimensional layout. The component is divided into rows and columns to form cells. You can specify the cell where an item is located and combine different grids to form various layouts.
## Required Permissions
...
...
@@ -48,7 +48,7 @@ Grid()
## Events
| Name | Description |
| Name | Description |
| -------- | -------- |
| onScrollIndex(first: number) => void | Triggered when the start item of the grid changes. |
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
...
...
@@ -32,7 +32,7 @@ GridItem()
| columnStart | number | - | Start column number of the component. |
| columnEnd | number | - | End column number of the component. |
| forceRebuild | boolean | false | Whether to re-create this node when the component is being built. |
| selectable<sup>8+</sup> | boolean | true | Whether the current **<GridItem>** is selectable by the mouse.<br/>> ![icon-note.gif](public_sys-resources/icon-note.gif)**NOTE**<br/>> This attribute takes effect only when mouse frame selection is enabled for the parent **<Grid>** container. |
| selectable<sup>8+</sup> | boolean | true | Whether the current **<GridItem>** is selectable by the mouse.<br/>**NOTE**<br/>This attribute takes effect only when mouse frame selection is enabled for the parent **<Grid>** container. |