数据展示 / 02

树形 · 可编辑表格

面向复杂数据录入与层级数据的三种进阶形态：父子行可展开的树形表格、单元格内直接编辑的表单化表格，以及配合批量工具栏与分页器的数据管理表。

树形表格

tree-node + tree-children

点击任务行左侧的箭头展开 / 收起子任务，子行按同一列宽缩进对齐，父行显示汇总工时。

任务 / 子任务负责人优先级状态工时

移动端改版 v3.0 主线陈思远 P0 进行中 142h

首页信息流重构李彦 P0 已完成 56h

商品搜索性能优化周航 P1 进行中 48h

订单详情页可用性走查赵敏 P2 排队中 38h

设计令牌 2.0 主线王蒙 P1 已完成 96h

色彩变量归一化王蒙 P1 已完成 40h

深色模式对比度校验陈思远 P2 已完成 56h

增长实验平台支线赵敏 P2 风险 64h

实验分流服务周航 P2 风险 64h

inline editing

商品规格批量维护

共 4 个 SKU · 修改后点击「保存全部」提交

单元格内直接复用 .input / .select / .switch，行高压缩到 36px 以适配表格密度。

data-table-scope + pager

已选择 0 项