table组件 ​

https://element-plus.org/zh-CN/component/table.html

Hidden Title ​

all ​

基础用法 ​

other ​

单选 ​

多选 ​

多级表头 ​

隐藏按钮或列 isShow ​

通常用法 ​

编辑 ​

reConfirm再确认 ​

表格里嵌套表格 ​

render生成html ​

改变操作按钮的属性 ​

对比 ​

属性 ​

事件 ​

columns 常用字段 ​

render 参数 ​

render 统一接收一个对象参数：

render({ row, scope, value, column, action, index })

render({ row, scope, value, column, action, index })

回调参数 ​

filter、handler、isShow、disabled、reConfirm，以及按钮的 content / title 函数，推荐统一使用对象参数：

const callback = ({ row, scope, value, column, action, index, event }) => {}

const callback = ({ row, scope, value, column, action, index, event }) => {}

• value 是当前列或当前按钮 prop 对应的值。
• event 仅点击相关回调下存在。
• 仍兼容旧的位置参数写法，但更推荐对象写法，和 render 保持一致。

说明 ​

• 组件底层基于 el-table 和 el-pagination 封装，未在上表列出的表格属性可继续通过 attrs 透传。
• 当 asyncUpdate 为 true 时，分页切换只触发 page-change 事件，由外部维护 pageNumber 和 pageSize。
• 操作栏 maxBtns 默认值为 4，表示总共最多显示 4 个槽位；当按钮数量超出时，会显示 maxBtns - 1 个按钮加一个“更多”入口。
• 单选推荐直接用 v-model + selection-type="single"；多选推荐直接用 v-model + selection-type="multiple"，如果要跨页保留选中项，记得传 row-key。