# GridItem >![](../../public_sys-resources/icon-note.gif) **说明：** >该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 网格容器中单项内容容器。 ## 权限列表 无 ## 子组件 可以包含子组件。 ## 接口 GridItem\(\) ## 属性

名称

参数类型

默认值

描述

rowStart

number

-

用于指定当前元素起始行号。

rowEnd

number

-

用于指定当前元素终点行号。

columnStart

number

-

用于指定当前元素起始列号。

columnEnd

number

-

用于指定当前元素终点列号。

forceRebuild

boolean

false

用于设置在触发组件build时是否重新创建此节点。
## 示例 ``` @Entry @Component struct GridItemExample { @State numbers: string[] = Array.apply(null, Array(16)).map(function (item, i) { return i.toString() }) build() { Column() { Grid() { GridItem() { Text('4') .fontSize(16).backgroundColor(0xFAEEE0) .width('100%').height('100%').textAlign(TextAlign.Center) }.rowStart(1).rowEnd(4) ForEach(this.numbers, (item) => { GridItem() { Text(item) .fontSize(16).backgroundColor(0xF9CF93) .width('100%').height('100%').textAlign(TextAlign.Center) }.forceRebuild(false) }, item => item) GridItem() { Text('5') .fontSize(16).backgroundColor(0xDBD0C0) .width('100%').height('100%').textAlign(TextAlign.Center) }.columnStart(1).columnEnd(5) } .columnsTemplate('1fr 1fr 1fr 1fr 1fr') .rowsTemplate('1fr 1fr 1fr 1fr 1fr') .width('90%').height(300) }.width('100%').margin({ top: 5 }) } } ``` ![](figures/griditem.gif)