# 栅格 [TOC] ## 1. 效果展示 ![](https://img.kancloud.cn/d0/8f/d08f9182986afe059669bf46a67a8061_1875x463.png) ## 2. 添加栅格 点击`“布局组件”`选择`“栅格”`,即可添加栅格 ![](https://img.kancloud.cn/6a/54/6a545012c6427be1e751d10f2796331e_994x199.png) ## 3. 数据(暂无) ## 4. 属性 ### 4.1 添加列 点击`“添加列”`,可增加栅格显示列数,总计24格,可设置每列占多少格 ![](https://img.kancloud.cn/19/06/1906a19b6315349bf8c52945350a65f2_1902x495.png) ### 4.2 添加组件 点击栅格中的`“添加组件”`,可为栅格添加所需组件 ![](https://img.kancloud.cn/6c/b5/6cb53ec36c4adb98ae7f9579a42aa098_565x541.png) ### 4.3 设置组件 针对已添加的组件,可选中设置组件`“数据”`、`“属性”`及`“交互”` ![](https://img.kancloud.cn/a8/5b/a85ba9bd24b5718295f696c75a0ab518_998x694.png) ## 5. 交互(暂无)