基于vue+canvas的excel-like组件有什么用
这篇文章给大家分享的是有关基于vue+canvas的excel-like组件有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
10年积累的成都做网站、网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站策划后付款的网站建设流程,更有囊谦免费网站建设让你可以放心的选择与我们合作。
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:
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组件有什么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
网页标题:基于vue+canvas的excel-like组件有什么用
本文网址:http://scyanting.com/article/ihgdhj.html