让数据交互
轻盈一点。

一套 columns，从查询到展示、编辑与提交。
为 Vue 3 与 Antdv Next 准备的表格与表单。

npm install antdv-next-pro antdv-next vue

yarn add antdv-next-pro antdv-next vue

pnpm add antdv-next-pro antdv-next vue

bun add antdv-next-pro antdv-next vue

Antdv Next Pro

# Hello ProTable.

V App.vue ●

<EditableProTable

:columns="columns"

v-model:value="rows"/>

<SchemaForm

:columns="columns"

v-model="form"/>

同一套模型，连起表格与表单

✧✧

ProTable，把表格准备好

搜索、分页、排序、筛选与远程请求，收束进一张表格，让数据流清晰可控。

新建行、多行编辑、字段校验与异步保存。通过受控 value，管理整张表格的数据。

从同一套列模型出发，生成普通、查询、弹窗、抽屉与步骤表单，让配置自然复用。

在一处描述字段，让查询、展示、编辑与提交连贯起来，把时间留给真正的业务。

基于 Vue 3 与 Antdv Next，用组件 ref、事件、插槽和 v-model，表达你的界面。

对照兼容矩阵，了解主要 Props、请求契约与 Vue 写法，为已有工作流找到对应方式。