表格类组件

用于展示多列结构化数据。均支持联动 / 选中传递，可作为大屏的明细区。

---

基础表格 basic-table

功能最全的表格：多列、分页、序号 / 单选 / 操作列、斑马纹、行选中、联动。选项极多（约 150 项），下面列高频项。默认尺寸 [480, 320]。

高频参数：

option	默认	说明
row-count	5	每页行数
table-row-height	30	行高 px
autoWidth	false	列宽自适应
order-width	0	>0 才显示序号列（order-name 列名）
radio-width / operate-width	0	>0 显示单选列 / 操作列（operate-text-list 操作项）
pagination-height	0	>0 才显示分页条（page-size 每页数；connection-pagination 走后端分页）
select-first-row	false	默认选中首行
header-bg-color	#1087E433	表头背景（默认半透明科技蓝）

列 / 行样式以「簇（cluster）」形式存在（table-col-body-cluster / table-row-body-cluster）。手写时通常不必写簇，留空走默认，列按绑定字段自动生成。

数据绑定：

字段	约束	说明
table-data-fields	多	表格列（每字段一列）
table-key-fields	—	关键字段（唯一标识，联动 / 重定位）
cross-filter-key-field	≤1	点击联动用的键字段
select-sync-fields	—	选中传递字段

表格默认绑定到组件私有示例数据。要显示真实数据，把 table-data-fields 重绑到你的连接字段列表。

交互：click-row（点行，payload 含整行 row）、select-row / unselect-row、click-operate（点操作列）、itemClicked。

{ "type": "basic-table", "uid": "w_tbl", "options": {
  "row-count": 8, "order-width": 48,
  "table-data-fields": [["conn","tbl","设备"],["conn","tbl","负载"],["conn","tbl","状态"]],
  "select-sync-emit": true, "select-sync-fields": [["conn","tbl","设备"]] } }

---

轮播列表 basic-scroll-board

表头 + 自动纵向滚动的数据带，适合告警流、动态榜单等需要循环滚动的明细。默认尺寸 [420, 280]。

参数：row-num（显示行数）、wait-time（轮播间隔秒）、carousel（single 单行 / page 整页）、show-index + index-header（序号列）、show-header + header-height / header-text（表头）、header-bg / header-color / odd-row-bg / even-row-bg / row-color / font-size（样式）。

数据绑定：board-fields（多，列字段）；未绑时用内置示例数据。

---

排名列表 basic-ranking-list

带排名徽标与数值条的榜单（TOP N），按数值自动排序、循环滚动。默认尺寸 [360, 280]。

参数：row-num、wait-time、sort（desc / asc / none）、show-value + unit、rank-color / name-color / value-color、bar-start / bar-end / bar-height（进度条渐变 / 高度）、font-size。

数据绑定：category（string, 1，名称）+ value（number, 1，数值）。

---

延伸阅读：组件手册总览 · 数据系统（联动 cross-filter / 选中 select-sync）· 事件交互（click-row 取整行数据）。