Skip to main content

宫格列表

1 说明

以宫格的形式展示数据列表,支持分页和检索功能。

2 配置

2.1 数据源

请参考:数据源配置

2.2 基础设置

1、列数

设置每行展示的格子数

2、列间距

设置左右相邻两个格子之间的间距

可设置选项:无、小、中、大

3、行间距

设置上下相邻两个格子之间的间距

可设置选项:无、小、中、大

4、取消容器内部间距:内容宫格与宫格容器的顶边缘默认有小间距,如果取消内部间距,则变为紧凑状态

5、支持选中:打开该选项时,宫格支持鼠标选中事件,并且默认选中第一个宫格

6、外部边框:单个宫格的外边框可以设置为阴影或颜色,设置为颜色边框时可设置选中态下边框颜色。

2.3 分页模式配置

支持分页模式:无、分页、无限下拉

1、无:不分页,填充满窗口可视区域

2、分页:选择分页,可配置每页行数,以及是否支持快速跳转到某页

3、无限下拉:可在宫格区域内无限下拉,支持配置默认行数

2.4 检索配置

支持检索模式:无、内置检索、外部元件

内部检索是组件自身支持的查询条件配置,外部元件可以选择独立的检索元件,运行时环境可以根据查询条件过滤数据。

2.5 可见性设置

请参考:可见性配置

2.6 设计

请参考:设计

3 效果展示

3.1 数据展示

3.2 宫格选中图表联动