# 表格配方

> Token：[tokens.md](tokens.md) | 代码骨架：[scenes/list-page.md](../scenes/list-page.md)

## 选型（win-design-next **无** TablePro）

| 数据量          | 组件                               | 说明                               |
| --------------- | ---------------------------------- | ---------------------------------- |
| 常规列表        | `w-table` + `row-key`              | 默认选型                           |
| 万级 / 虚拟滚动 | `w-table-v2`                       | 配置 `columns`、`data`；大数据首选 |
| 需自动撑满容器  | `w-auto-resizer` 包裹 `w-table-v2` | 见 table-v2 文档                   |

**禁止** 使用 Vue 2 的 `w-table-pro` / `w-table-pro-column`（Next 中不存在）。

## 样式（医疗 B 端默认）

| 规则     | 做法                                                |
| -------- | --------------------------------------------------- |
| 边框     | `border`                                            |
| 斑马纹   | 默认关闭（不加 `stripe`）                           |
| 溢出     | `show-overflow-tooltip`，列设 `min-width` / `width` |
| 空态     | `w-empty`                                           |
| 表头背景 | 跟随 `--w3-bg-color-page`（浅蓝灰），无需手写       |
| 行悬停   | 跟随 `--w3-color-primary-plain`                     |
| 工具栏   | 主操作 `type="primary"`，次操作 `default`           |
| 操作列   | `link` 或 `text` 按钮 + `w-popconfirm` 删除         |

## 对齐

| 类型             | align    |
| ---------------- | -------- |
| 文本、操作列     | 左       |
| 金额             | `right`  |
| 状态、日期、短码 | `center` |

## 固定列

`w-table` / `w-table-v2` 均用列配置 `fixed="left"` / `fixed="right"`（见 by-name 文档）。

---

代码骨架见 [scenes/list-page.md](../scenes/list-page.md)；API 见 [table.md](../components/by-name/table.md)、[table-v2.md](../components/by-name/table-v2.md)。
