这个简单实用的Vue表格组件，太强大实用了
ztj100 2025-01-31 16:21 11 浏览 0 评论
大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！
今天小编推荐一款强大的表格组件，一个基于vue的PC端表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等...
但是在小编看来，这款组件更像一款全功能组件库，而非单纯的表格组件！一句话点评：超级强大、简单实用！
开源协议
使用 MIT 开源许可协议
链接地址
设计理念
- 面向现代浏览器，高效的简洁 API 设计
- 模块化表格、按需加载、插件化扩展
- 为单行编辑表格而设计，支持增删改查及更多扩展，强大的功能的同时兼具性能
开发计划
- v1.0 100% 基于 vue2.6+，支持所有主流的浏览器，实现表格的一切实用的功能**(已实现)**
- v2.0 100% 基于 vue2.6+，支持所有主流的浏览器，同时兼具功能与性能**(已实现)**
- v3.0 60% 基于 vue2.6+，只支持 H5 浏览器，不支持 IE，渲染性能大幅提升**(已实现)**
- v4.0 0% 基于 vue3+，只支持 H5 浏览器，不支持 IE，渲染性能大幅提升**(实现中)**
功能点
- 基础表格
- 高级表格
- 斑马线条纹
- 多种边框
- 单元格样式
- 列宽拖动
- 最大高度
- 自适应宽高
- 固定列
- 多级表头
- 表尾数据
- 高亮行或列
- 序号
- 单选框
- 复选框
- 下拉选项
- 开关
- 排序
- 多字段组合排序
- 筛选
- 合并单元格
- 合并表尾
- 导入/导出/打印
- 显示/隐藏列
- 加载中
- 格式化内容
- 自定义插槽 - 模板
- 快捷菜单
- 展开行
- 分页
- 表单
- 工具栏
- 下拉容器
- 虚拟列表
- 增删改查
- 树表格
- 数据校验
- 数据代理
- 键盘导航
- 模态窗口
- 渲染器
- 虚拟滚动
- 虚拟合并
- (pro) 单元格区域选取
- (pro) 单元格复制/粘贴
- (pro) 单元格查找和替换
表格模块截图
表格功能超级强大，图片未能体现其具体功能，可到官网了解
其他模块截图
图标
按钮
单选框
复选框
开关
输入框
分页
表单
结尾
本期就分享到这里，我是小编南风吹，专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源！希望能与大家共同学习交流。
相关推荐
- 利用navicat将postgresql转为mysql
-
导航"拿来主义"吃得亏自己动手,丰衣足食...
- Navicat的详细教程「偷偷收藏」（navicatlite）
-
Navicat是一套快速、可靠并价格适宜的数据库管理工具,适用于三种平台:Windows、macOS及Linux。可以用来对本机或远程的MySQL、SQLServer、SQLite、...
- Linux系统安装SQL Server数据库（linux安装数据库命令）
-
一、官方说明...
- Navicat推出免费数据库管理软件Premium Lite
-
IT之家6月26日消息，Navicat推出一款免费的数据库管理开发工具——NavicatPremiumLite，针对入门级用户，支持基础的数据库管理和协同合作功能。▲Navicat...
- Docker安装部署Oracle/Sql Server
-
一、Docker安装Oracle12cOracle简介...
- Web性能的计算方式与优化方案(二)
-
通过前面《...
- 网络入侵检测系统之Suricata(十四)——匹配流程
-
其实规则的匹配流程和加载流程是强相关的，你如何组织规则那么就会采用该种数据结构去匹配，例如你用radixtree组织海量ip规则，那么匹配的时候也是采用bittest确定前缀节点，然后逐一左右子树...
- 使用deepseek写一个图片转换代码（deepnode处理图片）
-
写一个photoshop代码，要求：可以将文件夹里面的图片都处理成CMYK模式。软件版本：photoshop2022，然后生成的代码如下：//Photoshop2022CMYK批量转换专业版脚...
- AI助力AUTOCAD，生成LSP插件（ai里面cad插件怎么使用）
-
以下是用AI生成的，用AUTOLISP语言编写的cad插件，分享给大家：一、将单线偏移为双线;;;;;;;;;;;;;;;;;;;;;;单线变双线...
- Core Audio音频基础概述（core 音乐）
-
1、CoreAudioCoreAudio提供了数字音频服务为iOS与OSX,它提供了一系列框架去处理音频....
- BlazorUI 组件库——反馈与弹层 (1)
-
组件是前端的基础。组件库也是前端框架的核心中的重点。组件库中有一个重要的板块：反馈与弹层！反馈与弹层在组件形态上，与Button、Input类等嵌入界面的组件有所不同，通常以层的形式出现。本篇文章...
- 怎样创建一个Xcode插件（xcode如何新建一个main.c）
-
译者：@yohunl译者注:原文使用的是xcode6.3.2,我翻译的时候,使用的是xcode7.2.1,经过验证,本部分中说的依然是有效的.在文中你可以学习到一系列的技能,非常值得一看.这些技能不单...
- 让SSL/TLS协议流行起来:深度解读SSL/TLS实现1
-
一前言SSL/TLS协议是网络安全通信的重要基石，本系列将简单介绍SSL/TLS协议，主要关注SSL/TLS协议的安全性，特别是SSL规范的正确实现。本系列的文章大体分为3个部分：SSL/TLS协...
- 社交软件开发6-客户端开发-ios端开发验证登陆部分
-
欢迎订阅我的头条号：一点热上一节说到，Android客户端的开发，主要是编写了，如何使用Androidstudio如何创建一个Android项目，已经使用gradle来加载第三方库，并且使用了异步...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- 利用navicat将postgresql转为mysql
- Navicat的详细教程「偷偷收藏」（navicatlite）
- Linux系统安装SQL Server数据库（linux安装数据库命令）
- Navicat推出免费数据库管理软件Premium Lite
- Docker安装部署Oracle/Sql Server
- Docker安装MS SQL Server并使用Navicat远程连接
- Web性能的计算方式与优化方案(二)
- 网络入侵检测系统之Suricata(十四)——匹配流程
- 使用deepseek写一个图片转换代码（deepnode处理图片）
- AI助力AUTOCAD，生成LSP插件（ai里面cad插件怎么使用）
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- node卸载 (33)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- exceptionininitializererror (33)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)