使用小组件 > 2D > 网格布局
  
网格布局
这个小组件有什么功能？
“网格布局”小组件可在网格视图中显示任何数据集。
何时会用到这个小组件？
当您想要以表格格式排列信息时，会用到“网格布局”小组件。
这个小组件中是否有专用的属性、服务、事件或操作？
若要查看小组件常用的属性、服务和事件的列表，请参阅小组件的通用属性、服务和事件。
下表列出了该小组件的专用属性。
属性
JavaScript
类型
说明
行在当前高度内等距排列
evenlyspacedrows
boolean
选中此复选框可使所有行都具有相同的高度。
固定列大小
(列属性)
* 
在项目树中选择网格布局下的列时，将显示此属性。
不适用
不可用
指定列的宽度。默认情况下，各列的列宽均等。
柔性方向
(列属性)
* 
在项目树中选择网格布局下的列时，将显示此属性。
不适用
不可用
您可以将其他网格布局小组件嵌套在列中。柔性方向定义了添加新行的方向。
行高度 (单位: px)
(行属性)
* 
在项目树中选择网格布局下的行时，将显示此属性。
不适用
不可用
指定边框和边缘之间的空间。
此小组件可以使用以下操作。
• 添加列
• 添加行
小组件的显示效果
以下是小组件的显示效果示例！
使用时的必要步骤
显示效果
1. 将“网格布局”小组件拖放到工作区。
2. 单击“添加行”添加您想要的行数。在本示例中，我们添加了三行。
3. 若要在行中添加列，请选择行，然后单击“详细信息”窗格中的“添加列”。在本示例中，我们在最后三行中添加了一列。
4. 将您想要显示的小组件拖放到不同单元格中。在本示例中，我们在文本中使用了“标签”小组件，在图形中使用了“图像”小组件。