摆内容
表格
Table
「带格子的数据」「像excel那样的」「行列对照表」「一格一格的表」「数据明细表」「能排序的表」「多列的数据」
LIVE DEMO真实可交互，动手试试
| 名称 | 状态 | 金额 |
|---|---|---|
| 设计稿交付 | 成功 | ¥3,200 |
| 接口联调 | 待处理 | ¥1,800 |
| 文案审校 | 成功 | ¥640 |
- 英文名
- Table
- 别名 · 俗称
- 数据表格子表行列数据shadcn: DataTable
- Web 叫法
- DataTable
- 大白话定义
- 行和列交叉成的数据格子，每条数据一行，适合对比、排序和批量操作。
- 部位拆解
- 表头 Header每列的名字，常支持点击排序
- 数据行 Row一行一条记录，可选中
- 单元格 Cell行与列交叉的格子，放具体值
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个订单表格（DataTable）：列「订单号、金额、状态」，支持点表头排序，底部加分页（Pagination）
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的表格（DataTable）。逐一排除：横向滚动时没有阴影提示，用户不知道右边还有列；sticky 表头 z-index 不对，滚动时被单元格内容盖住；数据为空没有空状态，只剩光秃秃的表头；列没设 min-width，窄屏下被挤压换行。症状是：