6.3 表格系统

学习目标

完成本节后，你将能够：

1. 理解为什么表格是 Langfuse UI 核心抽象。
2. 知道 DataTable 负责哪些通用能力。
3. 修改列表页时知道要同步列定义、查询和筛选。

---

6.3.1 DataTable 能力

web/src/components/table/data-table.tsx 封装：

• pagination
• sorting
• column visibility
• column order
• column sizing
• row selection
• pinned columns
• row height
• peek view
• loading/error/empty state

6.3.2 表格链路

6.3.3 修改表格列的检查

• 查询是否返回该字段？
• ClickHouse field set 是否包含该字段？
• column definition 是否定义 accessor/sort？
• 字段是否允许筛选？
• 大字段是否应该延迟读取？

下一节

颜色 token