基于 Vue3 + Webpack5 + Element Plus Table 二次构建表格组件

基于 Vue3 + Webpack5 + Element Plus Table 二次构建表格组件

基于 Vue3 + Webpack5 + Element Plus Table 二次构建表格组件，开箱即用 A Vue 3.x Table Component built on Webpack 5 该组件库可供学习、参考和用于二次开发。

一、组件特点

1.基于 Webpack 5 构建
2.全面支持 Vue 3
3.支持 JSON 序列化表格快速配置
4.已内置 Pagination 分页
5.支持自定义 prop 列名
6.支持单元格内容自定义渲染 【见 单元格渲染配置说明】
7.支持自定义单元格 style 样式
8.支持绑定自定义指令 directives
9.支持绑定 element-plus 原生 Table 的 Events 和 Methods
10.支持 Header 和 Pagination 的显隐控制

二、安装

npm install @hoc-element/table

# or

pnpm add @hoc-element/table

三、快速启动

使用前请安装 element-plus

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import HocElTable from '@hoc-element/table'
import App from './App.vue'

createApp(App)
  .use(ElementPlus)
  .use(HocElTable)
  .mount('#app')

四、单元格渲染配置说明

五、源码下载地址

源码下载地址：基于 Vue3 + Webpack5 + Element Plus Table 二次构建表格组件