文章底部获取项目地址
安装使用：
// npm
npm install vxe-pc-ui@4.2.26 vxe-table@4.7.94
// yarn
yarn add vxe-pc-ui@4.2.26 vxe-table@4.7.94
// pnpm
pnpm add vxe-pc-ui@4.2.26 vxe-table@4.7.94
import VxeUI from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
createApp(App).use(VxeUI).use(VxeUITable).mount('#app')
import { lazyImport, VxeResolver } from 'vite-plugin-lazy-import'
export default defineConfig({
plugins: [
lazyImport({
resolvers: [
VxeResolver({
libraryName: 'vxe-table'
}),
VxeResolver({
libraryName: 'vxe-pc-ui'
})
]
})
]
})
import { VxeTable, VxeColumn, VxeColgroup, VxeGrid, VxeToolbar } from 'vxe-table'// 导入主题变量，也可以重写主题变量
import 'vxe-table/styles/cssvar.scss'
import 'vxe-pc-ui/styles/cssvar.scss'
// 导入默认的语言
import zhCN from 'vxe-pc-ui/lib/language/zh-CN'
VxeUI.setI18n('zh-CN', zhCN)
VxeUI.setLanguage('zh-CN')
功能和特性：
基础 CRUD 操作：支持增加、删除、修改和查询（增删改查）等基本的数据操作功能。
虚拟滚动：对于包含大量行的表格，虚拟滚动可以显著提高渲染效率和性能。
懒加载：懒加载数据可以减少初次加载的数据量，提高页面加载速度。
快捷菜单：提供快捷操作菜单，方便用户进行快速操作。
数据校验：集成数据校验功能，确保用户输入的数据符合要求。
树形结构：支持树形数据的展示，适用于层级或嵌套数据。
表单渲染：集成表单渲染功能，可以在表格中直接编辑数据。
数据分页：支持数据分页显示，提高大数据量表格的可管理性。
虚拟列表：对于列数据量较大的情况，虚拟列表可以提高渲染效率。
自定义模板：允许自定义单元格和列的模板，以适应特定的展示需求。
渲染器：提供自定义渲染器，可以自定义单元格的渲染逻辑。
灵活的配置项：提供大量灵活的配置项，以适应不同的业务场景。
《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等，如有其他优秀资源，欢迎发消息投稿，感谢点赞、在看、转发、关注！！！
其他推荐
项目地址
GitHub：https://github.com/x-extends/vxe-table
官方文档：https://vxetable.cn/
