---
name: deppon-pro-table-nofixed-scroll
description: >-
    非 fixed-table 场景：外层 el-scrollbar、表格 editable 切换、自定义 #header 区域、高度随数据切换。
    在用户提到长页面滚动、自定义表格顶栏、non-fixed 表格 时应用。
---

# deppon-pro-table-nofixed-scroll

## 依据来源（私有 npm）

-   **`deppon-npm-private-registry`**。
-   **`@deppon/deppon-template`**：`ProTable` 的 `editable`、`#header`、高度、`fixed-table` — 以 **`es/**/\*.d.ts`\*\* 为准。
-   **`@deppon/deppon-ui`**：`ElScrollbar` 等。
-   **`deppon-npm-skills`**。不默认读取 `deppon-npm` 的 `site/`。

## 要点

-   外层 `el-scrollbar` 包裹页面块与 `pro-table`（按业务决定是否在表格外加垫高区块）。
-   主表可不使用 `fixed-table`；`:height` 可用三元：`tableData.length > 0 ? '480' : 'auto'`（按业务改）。
-   `:editable` 与按钮切换联动；`@update`、`@delete` 处理编辑态数据。
-   `#header` 插槽自定义标题区与「进入编辑/退出编辑」等按钮。
-   `#status` 等插槽展示 `el-tag`。

## 生成清单

-   [ ] 确认业务是否需要 fixed 列；本模式侧重 **non-fixed + 外层滚动容器**。
-   [ ] 分页与 `loading` 与 `deppon-pro-table` 通用模式一致。