行内编辑:点「编辑」进入,可改单元格内容;金额为 error / warning 的格子会实时校验。 边框变体共四种,外框始终保留,差别只在内部格线画哪些方向。
第 1 行可编辑;第 2 行整行禁用(灰底,操作列按钮禁用);金额格演示校验态。
| # | 名称 | 金额 | 状态 | 备注 | 操作 |
|---|---|---|---|---|---|
| 1 | 合同 A | 0 金额必须大于 0 | 启用 | 建议填写备注 |
|
| 2 | 合同 B(已归档) | -- | 停用 | 不可修改 |
|
| 3 | 合同 C | 43000 | 启用 | 待复核 |
|
四种状态同屏对比:正常 / error / warning / disabled。
| 列 | 正常 | error | warning | disabled |
|---|---|---|---|---|
| 文本 | 合同 A | 合同 A名称重复 | 合同 A建议改为全称 | 合同 A |
| 数字(右对齐) | 12000 | 0金额必须大于 0 | 999999超出建议范围 | 12000 |
| 编辑中 | 不可编辑 |
横竖格线齐全,最外一圈与内部线宽一致。末行/末列不重复描边,避免叠成 2px。
| # | 名称 | 金额 | 状态 | 备注 |
|---|---|---|---|---|
| 1 | 合同 A | 12000 | 启用 | 已归档 |
| 2 | 合同 B | 0金额必须大于 0 | 停用 | |
| 3 | 合同 C | 43000 | 启用 | 待复核 |
行与行之间有横线,列与列之间没有竖线;最外一圈边框仍然完整保留。 表头下方那条线也在,用来把表头与表体分开。
| # | 名称 | 金额 | 状态 | 备注 |
|---|---|---|---|---|
| 1 | 合同 A | 12000 | 启用 | 已归档 |
| 2 | 合同 B | 999999超出建议范围 | 停用 | |
| 3 | 合同 C | 43000 | 启用 | 待复核 |
内部完全无线,只有最外一圈;表头下方保留一条分隔线。
| # | 名称 | 金额 | 状态 | 备注 |
|---|---|---|---|---|
| 1 | 合同 A | 12000 | 启用 | 已归档 |
| 2 | 合同 B | 0金额必须大于 0 | 停用 | |
| 3 | 合同 C | 43000 | 启用 | 待复核 |
列与列之间有竖线,行与行之间没有横线;外框保留。
| # | 名称 | 金额 | 状态 | 备注 |
|---|---|---|---|---|
| 1 | 合同 A | 12000 | 启用 | 已归档 |
| 2 | 合同 B | 0 | 停用 | |
| 3 | 合同 C | 43000 | 启用 | 待复核 |