Table 表格 - 对齐方式

通过列配置中的 align 和 headerAlign 属性控制表格内容和表头的对齐方式。

基础对齐

通过列配置的 align 属性设置内容对齐方式，支持 left（默认）、center、right 三种。

序号	姓名（左对齐）	年龄（居中）	薪资（右对齐）	部门（居中）	备注

1	张三	28	15000	技术部	优秀员工
2	李四	32	18000	产品部	年度最佳
3	王五	25	14000	设计部	创意之星
4	赵六	35	22000	运营部	管理能手
5	钱七	29	16000	市场部	拓展先锋

基础对齐

表头独立对齐

通过 headerAlign 属性可以单独设置表头的对齐方式，使其与内容对齐方式不同。如果不设置 headerAlign，表头默认跟随 align。

表头和内容可以分别设置对齐方式。

序号	姓名	年龄	薪资	部门	备注

1	张三	28	15000	技术部	优秀员工
2	李四	32	18000	产品部	年度最佳
3	王五	25	14000	设计部	创意之星

表头与内容分别对齐

全部居中

将所有列的 align 设为 center 即可实现全表居中对齐。

姓名	年龄	部门	薪资	备注

张三	28	技术部	15000	优秀员工
李四	32	产品部	18000	年度最佳
王五	25	设计部	14000	创意之星

全部居中

数值右对齐

对于数量、金额等数值列，推荐使用右对齐，便于按位数对比大小。

数值类数据推荐使用右对齐，方便按位数对比。

序号	产品名称	数量	单价（元）	总金额（元）

1	笔记本电脑	156	5999	935844
2	机械键盘	342	399	136458
3	无线鼠标	520	129	67080
4	显示器	89	2499	222411
5	耳机	267	699	186633

数值右对齐

混合对齐

实际场景中，不同列通常需要不同的对齐方式——状态列居中、数值列右对齐、文本列左对齐。

状态	姓名	分数	等级	评语

✅ 通过	张三	95	A+	表现优秀，多次获得好评
✅ 通过	李四	88	A	工作认真，有创新思维
❌ 未通过	王五	56	D	需要加强专业技能学习
✅ 通过	赵六	72	B	沟通协作能力较强
⚠️ 待审	钱七	65	C	有进步空间

混合对齐

API

TableColumn 对齐属性

属性	说明	类型	默认值
align	列内容对齐方式	'left' | 'center' | 'right'	'left'
headerAlign	表头对齐方式（不设置时跟随 align）	'left' | 'center' | 'right'	'left'

对齐方式说明

值	说明	适用场景
left	左对齐（默认）	文本类内容（姓名、地址、描述等）
center	居中对齐	状态标签、等级、操作按钮等
right	右对齐	数值类内容（金额、数量、分数等）

最佳实践

1. 数值列右对齐：金额、数量等数值数据右对齐，方便用户按位数快速对比。
2. 状态列居中：状态标签、图标等短内容居中显示更美观。
3. 文本列左对齐：姓名、地址等长文本保持左对齐，符合阅读习惯。
4. 表头居中：即使内容列有不同对齐，表头统一居中通常视觉效果更好——可使用 headerAlign: 'center' 搭配不同 align。