今天要给大家分享一款挺棒的 vue3 二次封装el-table组件ProTable。

ProTable 组件目前已是 2.0版本。支持 el-table && el-table-column 所有属性、事件、方法的调用。

表格搜索区域表格数据操作按钮区域表格功能按钮区域表格主体内容展示区域表格分页区域ProTable特性表格内容自适应屏幕宽高，溢出内容表格内部滚动（flex 布局）表格搜索、重置、分页查询 Hooks 封装 （页面使用不会存在任何搜索、重置、分页查询逻辑）表格数据操作 Hooks 封装 （单条数据删除、批量删除、重置密码、状态切换等操作）表格数据多选 Hooks 封装 （支持现跨页勾选数据）表格数据导入组件、导出 Hooks 封装表格搜索区域使用 Grid 布局重构，支持自定义响应式配置表格分页组件封装（Pagination）表格数据刷新、列显隐、列排序、搜索区域显隐设置表格数据打印功能（可勾选行数据、隐藏列打印）表格配置支持多级 prop（示例 ==> prop: user.detail.name）单元格内容格式化、tag 标签显示（有字典 enum 会根据字典 enum 自动格式化）支持多级表头、表头内容自定义渲染（支持作用域插槽、tsx 语法、h 函数）支持单元格内容自定义渲染（支持作用域插槽、tsx 语法、h 函数）配合 TreeFilter、SelectFilter 组件使用更佳（项目中有使用示例）

// 预览地址 仓库地址

OK，今天就分享到这里。