vue 模仿excel选中表格

Question

VUE_CLI

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

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

Answer 1

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

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/