当前位置: 首页 > news >正文

Vue3可编辑表格插件

插件亮点

  1. 通过可自定义单元格内容。
  2. 可控的状态控制,例如只读、禁止编辑行等配置。
  3. 可控的状态交互,例如框选单元格、框选行等配置。
  4. 可控的推拽顺序,例如拖拽行、推拽列。
  5. 方便的单元格数据验证配置。
  6. 方便的快捷右键菜单, 也可以自定义右键菜单。
  7. 对外暴露了方便的输入组件(目前仅支持文本、数字、下拉选项)。
  8. 方便的自定义选择,例如选择回调、修改回调等。
  9. 支持行自定义,用法借鉴了ant-design-vue 得table组件。
  10. 集成了虚拟滚动,配置开启后可大大增强大量数据场景的性能优化。
  11. 提供了类似excel的基本快捷操作,例如复制、粘贴、删除、插入、移动等快捷键。
  12. 核心代码良好的功能模块分离,方便二次修改。
  13. 表格行、列配置借鉴了ant-design-vue 得table组件,上手容易。

数据验证示例截图:

下拉选项示例截图:

默认菜单示例截图:

自定义菜单示例截图:

 

还有些实用的功能看npm文档哟!https://www.npmjs.com/package/edit-table-vue3

http://www.lryc.cn/news/434163.html

相关文章:

  • RedisTemplate操作Redis
  • Web安全:SQL注入实战测试.(扫描 + 测试)
  • 猜测、实现 B 站在看人数
  • 网络编程(UDP)
  • CENet及多模态情感计算实战(论文复现)
  • 备战秋招60天算法挑战,Day34
  • vue实现评论滚动效果
  • iphone13 不升级IOS使用广电卡
  • 网络地址转换
  • 【python】 @property属性详解 and mysql的sqlalchemy的原生sql
  • 西门子WinCC开发笔记(一):winCC西门子组态软件介绍、安装
  • 如何在5个步骤中编写更好的ChatGPT提示
  • 最小堆最大堆
  • 华为 HCIP-Datacom H12-821 题库 (10)
  • 如何利用命令模式实现一个手游后端架构?
  • ThreadLocal 释放的方式有哪些
  • 监控-zabbix
  • 设计模式 解释器模式(Interpreter Pattern)
  • Linux echo命令讲解及与重定向符搭配使用方法,tail命令及日志监听方式详解
  • Linux网络:总结协议拓展
  • 去除恢复出厂设置中UI文字显示
  • 《高校教育管理》
  • 全国计算机二级考试C语言篇4——选择题
  • 数据结构————哈希表
  • element select + tree
  • LeetCode之矩阵
  • Windows文件系统介绍与基本概念解析
  • 使用 Apache POI 实现 Java Word 模板占位符替换功能
  • 第三届人工智能与智能信息处理国际学术会议(AIIIP 2024)
  • 【动手学深度学习】04 数据操作 + 数据预处理(个人向笔记)