---
name: deppon-pro-table-cell-editable
description: >-
    ProTable 单元格编辑模式：editable、readonly、field-size、增删行、校验与 validation-change、范围列 onAfterAddRange。
    在用户提到可编辑表格、单元格编辑、添加行、表格内校验 时应用。
---

# deppon-pro-table-cell-editable

## 依据来源（私有 npm）

-   **`deppon-npm-private-registry`**。
-   **`@deppon/deppon-template`**：`ProTable` 的 `editable`、`readonly`、`field-size`、增删行、校验事件 — 以 `*.d.ts` 为准。
-   **`deppon-npm-skills`**。不默认读取 `deppon-npm` 的 `site/`。

## 要点

-   `:editable="true"`，`:readonly` 与界面开关绑定；`:field-size="'small'"`。
-   `:show-header="false"`、`:show-toolbar="false"`、`:show-pagination="false"`（纯编辑表常见组合，以业务为准）。
-   事件：`@add`、`@delete`、`@update`、`@validation-change`；可选 `:on-after-add-range`。
-   列配置、`valueType`、范围列等以类型定义为准；**生成前读透**当前版本 `ProTable` 可编辑列约定。

## 生成清单

-   [ ] `#action`/`#empty` 等与当前 `ProTable` 插槽约定一致。
-   [ ] 校验、只读切换后按钮禁用逻辑与业务一致。