我爱占星网 我爱占星网
首页
编程
java
php
前端
首页 编程 java php 前端

vue 模仿excel选中表格

VUE_CLI

img


如图所示,知足哟一个网页表格,不需要有编辑功能,要求表格能够选中

img


红字标注为显示内容,最里面的表格可以改变
最里面的表格,行列可变,红色字体数字可变

那其实挺麻烦的
可以参考这个

html表格类excel框选(实现鼠标拖动选中) - jamsbwo - 博客园 对于html的table标签中,使用类excel的操作模式,支持单个单元格点击,多个单元格拖动选中 https://www.cnblogs.com/jamsbwo/p/13476852.html

或者SpreadJS
SpreadJS 示例 | SpreadJS JavaScript 学习指南 SpreadJS 示例 | SpreadJS JavaScript 学习指南 | 通过SpreadJS纯前端表格控件的中文学习指南、Demo演示和教程,您将快速掌握这款可嵌入系统的‘在线Excel’。SpreadJS是一款基于HTML5的纯JavaScript电子表格和网格功能控件,在外观、功能和操作上都与Excel高度类似,在表格数据处理上比Grid类控件更为优秀。 https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/

近期文章

  • Echarts 怎么用按钮改变其yAxis的显示隐藏
  • 利用Matlab解决第二问
  • 我想 制作一个简易的记账小程序
  • Java的编程题,希望各位能解答解答
  • 帮儿子问一下,python
  • ZigBee开发cc2530,谁会教教我啊,被折磨哭了
  • 链路聚合:负载均衡哈希算法
  • linked in API问题,分享失败,分享链接可以带参数吗
  • C语言代码 不知道哪里错了 想表达意思是我输入一个a 然后能运行出a行a列的*号
  • because synchronization is not active
  • 提问:java+selenium+chrome与前端交互问题
  • 当前命令发生了严重错误,应该抛弃任何产生的结果
  • 域名和后台不一,错误代码10003
  • 看看我这链表合成的代码哪里出了问题1111111
  • 为什么unique排序后 某些元素被置为空了
  • pom.xml配置修改MySQL版本 依赖错误
  • 底表触发则有首次条件满足、每次条件满足、指定操作3种可选。
  • ASP.NET CORE 3.1创建的WebApi调用失败原因
  • c语言怎么把bin二进制数据格式文件转化成wav格式文件
  • 桌面有个文本文件是GBK编码格式的,怎么用IO流读取字符串内容

Copyright ©2022 我爱占星 All Rights Reserved.

浙ICP备2022030071号-1

部分图文来自网络,如有侵犯您的版权,请告诉我们删除

友情链接:代码精华