---
display: Grid
family: container
---

Grid

宫格容器

API

$3

|名称 | 说明 | 类型 | 默认值 |
|:---------------|:--------|:----|:----------|
| columns | 列数 | number | 3 |
| cells | 网格数据 | Cell | |
| bordered | 是否有边框 | boolean | |
| horizontalAlign | 水平方向对齐方式
可选值：
center start end | center |
| verticalAlign | 垂直方向对齐方式
可选值：
center start end | center |
| onCellClick | 单元格被点击时的回调 | (index: number, e) => void | |
| renderCell | 渲染单元格内容 | ({ cell: Cell, index: number }) => RaxNode | |

Cell

| 名称 | 说明 |
|:---------------|:--------|
| style | 单元格样式 |
| className | 单元格样式 |
| ... | |