Table 行编辑 · 单元格状态 · 边框变体

行内编辑:点「编辑」进入,可改单元格内容;金额为 error / warning 的格子会实时校验。 边框变体共四种,外框始终保留,差别只在内部格线画哪些方向。

1. 行编辑 · error / warning / disabled 混合

第 1 行可编辑;第 2 行整行禁用(灰底,操作列按钮禁用);金额格演示校验态。

# 名称 金额 状态 备注 操作
1 合同 A 0 金额必须大于 0 启用 建议填写备注
2 合同 B(已归档) -- 停用 不可修改
3 合同 C 43000 启用 待复核

2. 单元格状态总览(静态)

四种状态同屏对比:正常 / error / warning / disabled。

列正常errorwarningdisabled
文本 合同 A 合同 A名称重复 合同 A建议改为全称 合同 A
数字(右对齐) 12000 0金额必须大于 0 999999超出建议范围 12000
编辑中 不可编辑

3. 边框变体:全边框

横竖格线齐全,最外一圈与内部线宽一致。末行/末列不重复描边,避免叠成 2px。

#名称金额状态备注
1合同 A12000启用已归档
2合同 B0金额必须大于 0停用
3合同 C43000启用待复核

4. 边框变体:只有横向线(+ 外框)

行与行之间有横线,列与列之间没有竖线;最外一圈边框仍然完整保留。 表头下方那条线也在,用来把表头与表体分开。

#名称金额状态备注
1合同 A12000启用已归档
2合同 B999999超出建议范围停用
3合同 C43000启用待复核

5. 边框变体:只有外框

内部完全无线,只有最外一圈;表头下方保留一条分隔线。

#名称金额状态备注
1合同 A12000启用已归档
2合同 B0金额必须大于 0停用
3合同 C43000启用待复核

6. 边框变体:只有竖向线(+ 外框)

列与列之间有竖线,行与行之间没有横线;外框保留。

#名称金额状态备注
1合同 A12000启用已归档
2合同 B0停用
3合同 C43000启用待复核