基于vue+canvas的excel-like组件实例详解
a vue component，基于vue的表格组件，主要解决大数据量的表格渲染性能问题，使用canvas绘制表格，同时支持类似excel的批量选中，复制黏贴删除，实时编辑等功能。
vue-grid-canvas
Install
NPM / Yarn
Install the package:
npm install vue-canvas-grid --save
Then import it in your project
import Vue from 'vue'
import Grid from 'vue-canvas-grid'
Vue.component('grid', Grid)
Usage
Simply use it like so:
<grid :grid-data="data" :columns="columns" showCheckbox columnSet></grid>
Description
1，通过canvas实现，能处理万级数据
2，类似excel，选中单元格并实时编辑
3，复制黏贴，支持批量，从excel复制，复制到excel都可以
4，撤销／前进
5，checkbox勾选框，全选功能，可开关
6，固定列（目前只支持固定到右侧）
7，删除单元格，支持批量
7，支持文本的重新计算渲染（通过计算的单元格不支持实时编辑）
8，支持基础按钮显示及点击事件
9，隐藏列功能，可开关
##TODO：
1，由于使用canvas不支持浏览器的检索功能，以后加上表格的搜索功能
2，行列拖拽
3，基本公式计算
总结
以上所述是小编给大家介绍的基于vue+canvas的excel-like组件实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
v-slot和slot、slot-scope之间相互替换实例
这篇文章主要介绍了v-slot和slot、slot-scope之间相互替换实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
UniApp是一种基于Vue.js的跨平台开发框架,可以快速地开发同时运行在多个平台的应用程序,这篇文章主要介绍了uniapp项目国际化标准的配置与实现,需要的朋友可以参考下2023-11-11
这篇文章主要为大家详细介绍了vue的watch和watchEffect，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
这篇文章主要介绍了vue 微信扫码登录(自定义样式)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
vue el-table中使用el-select选中后无效的解决
这篇文章主要介绍了vue el-table中使用el-select选中后无效的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了vue 路由嵌套高亮问题的解决方法，主路由通过v-for循环出来，次路由通过url拼接的方式导航到子路由页面，具体实现代码大家参考下本文2018-05-05
Vue中v-if、v-if-else、v-else-if与v-show的基本使用
v-if,v-else,v-else-if,v-if指令用于条件性地渲染一块内容,这块内容只会在指令的表达式返回truth值的时候被渲染,这篇文章主要给大家介绍了关于Vue中v-if、v-if-else、v-else-if与v-show的基本使用,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了简单实现vue中的依赖收集与响应的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
这篇文章主要介绍了vue中data和data()的区别说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
这篇文章主要介绍了vue-cli设置publicPath小记，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
最新评论