触达云屏，滚动列表组件：

介绍

• 简易的滚动表格列表
• 按条或按页滚动
  更多设置请在设计器中查看配置项

1. 添加组件

表格 -> 滚动列表

2. 配置数据

切换到数据配置，配置数据来源，关于不同数据类型的区别，请参考文档：组件通用配置说明
 

零代码绑定数据，数据集是列表数据即可。

名称	说明	示例值
数据列		选择多个数据列，在表格中按选择顺序显示

自定义数据转换时，参考下面数据格式：

[{
    "列1":"16800",
    "列2":"11800"
}]

参考【组件配置说明】

3. 配置图表 (配置项持续增加，以设计器内实际为准)

配置项	子项	示例值	说明
轮播配置	表行数		每页显示几行
	轮播间隔	3000	间隔多长时间轮播一次，单位为毫秒
	轮播方式		可选 单行、整页
	自定义列宽	60，100，100	按照列的顺序，分别设置每一列的宽度，如果启用了序号列，则序号列为第一列，也需要设置列宽。宽度数值之间使用 逗号分隔
	列对齐方式		暂时无效
	显示表头		开启后显示表头
	自定义列名		按照列的顺序，分别设置每一列的名称，名称之间使用 逗号分隔
	表头高度
	表头背景色
	奇数行背景色		包含表头，计算奇偶行
	偶数行背景色
	显示序号列
	序号列名称

4. 事件配置：

点击事件：

表格行点击事件，点击后可以实现弹窗、跳转、联动其他图表等操作。

参数说明：

item= {
	"item": {
		"row": ["<span class=\"index\" style=\"background-color: rgba(24, 141, 240, 1);\">1</span>", 123, "周口", 111], // 行数据，是一个数组，按列顺序排列
		"ceil": 123, //当前点击的单元格的 内容
		"rowIndex": 0, //当前点击行的索引序号，0 表示点击的是第一行
		"columnIndex": 1 //当前点击的单元格的列索引，1表示点击的是第二列
	},
	"data": [{
		"value": 123,
		"name": "周口",
		"f1": 111
	}, {
		"value": 120,
		"name": "南阳",
		"f1": 222
	}]
}
items = 当前组件的所有数据
visual = 当前组件对象

5. 自定义样式：

/*行的字体样式*/
#itemid .dv-scroll-board .rows .row-item{
    font-size:18px;
}

/* 表头的样式 */
#itemid .dv-scroll-board .header{
    font-size:20px;
}