这个简单实用的Vue表格组件，太强大实用了
ztj100 2025-01-31 16:21 13 浏览 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) 单元格查找和替换
表格模块截图
表格功能超级强大，图片未能体现其具体功能，可到官网了解
其他模块截图
图标
按钮
单选框
复选框
开关
输入框
分页
表单
结尾
本期就分享到这里，我是小编南风吹，专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源！希望能与大家共同学习交流。
相关推荐
- WPS 隐藏黑科技!OCT2HEX 函数用法全攻略，数据转换不再愁
-
WPS隐藏黑科技！OCT2HEX函数用法全攻略，数据转换不再愁在WPS表格的强大函数库中，OCT2HEX函数堪称数据进制转换的“魔法钥匙”。无论是程序员处理代码数据，还是工程师进行电路设计...
- WPS 表格隐藏神器!LEFTB 函数让文本处理更高效
-
WPS表格隐藏神器！LEFTB函数让文本处理更高效在职场办公和日常数据处理中，WPS表格堪称我们的得力助手，而其中丰富多样的函数更是提升效率的关键。今天，要为大家介绍一个“宝藏函数”——LEF...
- Java lombok 使用教程（lombok.jar idea）
-
简介Lombok是...
- PART 48: 万能结果自定义，SWITCH函数!
-
公式解析SWITCH:根据值列表计算表达式并返回与第一个匹配值对应的结果。如果没有匹配项，则返回可选默认值用法解析1：评级=SWITCH(TRUE,C2>=90,"优秀",C2...
- Excel 必备if函数使用方法详解（excel表if函数使用）
-
excel表格if函数使用方法介绍打开Excel，在想输出数据的单元格点击工具栏上的“公式”--“插入函数”--“IF”,然后点击确定。...
- Jetty使用场景（jetty入门）
-
Jetty作为一款高性能、轻量级的嵌入式Web服务器和Servlet容器，其核心优势在于模块化设计、快速启动、低资源消耗...
- 【Java教程】基础语法到高级特性（java语言高级特性）
-
Java作为一门面向对象的编程语言，拥有清晰规范的语法体系。本文将系统性地介绍Java的核心语法特性，帮助开发者全面掌握Java编程基础。...
- WPS里这个EVEN 函数，90%的人都没用过!
-
一、开篇引入在日常工作中，我们常常会与各种数据打交道。比如，在统计员工绩效时，需要对绩效分数进行一系列处理；在计算销售数据时，可能要对销售额进行特定的运算。这些看似简单的数据处理任务，实则隐藏着许多技...
- 64 AI助力Excel，查函数查用法简单方便
-
在excel表格当中接入ai之后会是一种什么样的使用体验？今天就跟大家一起来分享一下小程序商店的下一步重大的版本更新。下一个版本将会加入ai功能，接下来会跟大家演示一下基础的用法。ai功能规划的是有三...
- python入门到脱坑 函数—函数的调用
-
Python函数调用详解函数调用是Python编程中最基础也是最重要的操作之一。下面我将详细介绍Python中函数调用的各种方式和注意事项。...
- 从简到繁，一文说清vlookup函数的常见用法
-
VLOOKUP函数是Excel中常用的查找与引用函数，用于在表格中按列查找数据。本文将从简单到复杂，逐步讲解VLOOKUP的用法、语法、应用场景及注意事项。一、VLOOKUP基础：快速入门1.什么是...
- Java新特性:Lambda表达式（java lambda表达式的3种简写方式）
-
1、Lambda表达式概述1.1、Lambda表达式的简介Lambda表达式（Lambdaexpression），也可称为闭包（Closure），是Java（SE）8中一个重要的新特性。Lam...
- WPS 冷门却超实用!ODD 函数用法大揭秘，轻松解决数据处理难题
-
WPS冷门却超实用！ODD函数用法大揭秘，轻松解决数据处理难题在WPS表格庞大的函数家族里，有一些函数虽然不像SUM、VLOOKUP那样广为人知，却在特定场景下能发挥出令人惊叹的作用，OD...
- Python 函数式编程的 8 大核心技巧，不允许你还不会
-
函数式编程是一种强调使用纯函数、避免共享状态和可变数据的编程范式。Python虽然不是纯函数式语言，但提供了丰富的函数式编程特性。以下是Python函数式编程的8个核心技巧：...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- 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)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- 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)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)