vxe-tablevue表单与表格解决方案支持增删改查、虚拟树、拖拽排序、懒加载、快捷菜单、数据校验、导入/导出/打印、表单渲染、自定义模板、渲染器、JSON配置式...面向现代浏览器，不支持IE

共149个文件

ts：70个

scss：30个

vue：17个

web应用开发

高级表格

vue表格

需积分: 5 114 浏览量 2024-12-01 17:51:53 上传评论收藏 1.22MB ZIP 举报

一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟树、拖拽排序、懒加载、快捷菜单、数据校验、导入/导出/打印、表单渲染、自定义模板、渲染器、JSON 配置式...面向现代浏览器，不支持 IE。双向数据流的设计，在渲染器或自定义扩展中支持直接操作数据值，达到最高效的简洁 API 设计。按需加载、自定义主题样式 vxe-table是一款专为Vue框架打造的高级表格组件，它集成了表单功能，并且适用于现代的浏览器环境。该组件的主要特性包括但不限于支持增删改查操作，虚拟树结构的实现，允许用户通过拖拽来调整表格项的顺序，提供了数据加载的懒加载机制，以及实现快捷菜单来提升用户的交互体验。此外，vxe-table还支持数据校验、导入导出数据功能、打印表格以及表格的渲染器和自定义模板功能。 vxe-table设计上采用了JSON配置式，开发者可以通过JSON配置文件来调整组件行为，实现更加快速和灵活的开发。组件通过支持自定义主题样式，为用户提供丰富的视觉定制选项。该组件的双向数据流设计，使得开发者能够在渲染器或自定义扩展中直接操作数据值，从而达到API设计的简洁高效。对于现代PC端的Web应用开发，vxe-table提供了一个强大且灵活的解决方案，允许开发者创建复杂的表单和表格，并进行高效的数据处理和展示。其面向现代浏览器的设计，虽然不支持Internet Explorer，但也因此得以利用现代浏览器所提供的最新Web技术和API，提高开发效率和用户体验。 vxe-table还具备按需加载的特性，这意味着开发者可以根据实际需求加载必要的组件和功能，有助于优化应用的加载时间和性能。在Vue框架开发社区中，vxe-table因其全面的功能集和现代化的设计理念，成为了开发者构建数据密集型界面的优选组件之一。此外，vxe-table的扩展性也很强，它允许开发者通过自定义渲染器来扩展组件的功能，以满足特定的业务需求。由于其丰富的API和事件系统，开发者能够实现高度自定义的交互和布局，从而在各种复杂场景下提供一致的用户体验。 vxe-table通过其完整的功能集、高性能、易用性和灵活性，成为了Vue开发者在需要构建复杂表单和表格功能时的宝贵工具。它不仅简化了代码，还提升了应用的交互性和可维护性，是现代Web应用开发不可或缺的一部分。

资源推荐

资源详情

资源评论

收起资源包目录

vxe-table vue表单与表格解决方案支持增删改查、虚拟树、拖拽排序、懒加载、快捷菜单、数据校验、导入/导出/打印、表单渲染、自定义模板、渲染器、JSON配置式...面向现代浏览器，不支持IE （149个子文件）

.browserslistrc 40B

.editorconfig 121B

img2.gif 466KB

img1.gif 259KB

.gitignore 291B

index.html 1KB

favicon.ico 17KB

pay.jpg 39KB

gulpfile.js 8KB

vue.config.js 1KB

.eslintrc.js 479B

babel.config.js 204B

attributes.json 26KB

tags.json 4KB

package.json 3KB

tsconfig.json 876B

LICENSE 1KB

ISSUE_TEMPLATE.zh-TW.md 245B

ISSUE_TEMPLATE.md 245B

ISSUE_TEMPLATE.en.md 226B

invoice.png 114KB

qq.png 8KB

logo.png 5KB

table.scss 40KB

old-icon.scss 13KB

custom.scss 8KB

icon.scss 7KB

base.scss 4KB

export.scss 3KB

light.scss 2KB

filter.scss 2KB

toolbar.scss 2KB

menu.scss 2KB

baseMixin.scss 2KB

variable.scss 2KB

dark.scss 1KB

grid.scss 1KB

base.scss 272B

all.scss 186B

modules.scss 165B

all.scss 154B

index.scss 106B

index.scss 92B

default.scss 83B

variable.scss 35B

cssvar.scss 34B

colgroup.scss 0B

ui.scss 0B

v-x-e-table.scss 0B

edit.scss 0B

validator.scss 0B

keyboard.scss 0B

column.scss 0B

table.ts 313KB

hook.ts 57KB

grid.ts 49KB

panel.ts 38KB

cell.ts 36KB

body.ts 34KB

hook.ts 34KB

ru-RU.ts 34KB

zh-CN.ts 34KB

ug-CN.ts 34KB

index.ts 26KB

hu-HU.ts 26KB

ja-JP.ts 24KB

es-ES.ts 23KB

pt-BR.ts 23KB

export-panel.ts 23KB

en-US.ts 23KB

ar-EG.ts 22KB

fr-FR.ts 22KB

de-DE.ts 22KB

nb-NO.ts 22KB

ko-KR.ts 22KB

hy-AM.ts 22KB

zh-CHT.ts 22KB

uk-UA.ts 22KB

vi-VN.ts 22KB

toolbar.ts 21KB

hook.ts 20KB

util.ts 18KB

hook.ts 16KB

header.ts 15KB

hook.ts 14KB

footer.ts 13KB

hook.ts 12KB

props.ts 11KB

index.ts 9KB

import-panel.ts 9KB

hook.ts 9KB

panel.ts 8KB

panel.ts 6KB

columnInfo.ts 6KB

column.ts 6KB

dom.ts 5KB

util.ts 3KB

index.ts 3KB

emits.ts 2KB

group.ts 2KB

共 149 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link rel="icon" href="<%= BASE_URL %>favicon.ico"> <meta name="description" content="vxe-table 表格解决方案."> <title><%= htmlWebpackPlugin.options.title %></title> <script>var _hmt=_hmt||[];(function(){if(location.host.indexOf("localhost")===-1){var b=document.createElement("script");b.src="https://hm.baidu.com/hm.js?bb92c84d2dff18210f9be4cf2aa28fee";b.onload=function(){_hmt.push(["_requirePlugin","UrlChangeTracker",{shouldTrackUrlChange:function(c,d){return c&&d}}])};var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(b,a)}})();</script> </head> <body> <noscript> <strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <div id="app"></div>  </body> </html>

评论收藏

内容反馈