# Table 表格

# 基础用法

# 带边框

# 带斑马纹

# Larger

# Large

# Small

# 固定表头

# 固定头

方便一页内展示大量数据。

需要指定 column 的 width 属性,否则列头和内容可能不对齐。如果指定 width 不生效,请尝试建议留一列不设宽度以适应弹性布局,或者检查是否有超长连续字段破坏布局。

# 固定列

对于列数很多的数据,可以固定前后的列,横向滚动查看其它数据,需要和 scroll.x 配合使用。

若列头与内容不对齐或出现列重复,请指定固定列的宽度 width。如果指定 width 不生效,请尝试建议留一列不设宽度以适应弹性布局,或者检查是否有超长连续字段破坏布局。

建议指定 scroll.x 为大于表格宽度的固定值。注意,且非固定列宽度之和不要超过 scroll.x。

# 合并单元格

表格支持行/列合并,使用 colSpan/rowSpan 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会显示。

# 属性配置

# props

参数 说明 类型 可选值 默认值
columns 表格列配置 Array - -
data 数据 Array - -
scroll 表头固定 Object {x: String, y: String} null
border 是否带边框 Boolean - false
stripe 是否带斑马线 Boolean - false
size 表格尺寸 String small/large/larger -
empty-text 空数据文案 String - 暂无数据