摘要:,基于的表格組件,主要解決大數(shù)據(jù)量的表格渲染性能問題,使用繪制表格,同時支持類似的批量選中,復(fù)制黏貼刪除,實時編輯等功能,目前還在不斷努力完善中,希望大家支持下,你們的就是我的動力。有任何建議或幫助,可以郵件聯(lián)系。
vue-grid-canvas
Install NPM / Yarnvue component,基于vue的表格組件,主要解決大數(shù)據(jù)量的表格渲染性能問題,使用canvas繪制表格,同時支持類似excel的批量選中,復(fù)制黏貼刪除,實時編輯等功能,目前還在不斷努力完善中,希望大家支持下,你們的star就是我的動力。有任何建議或幫助,可以郵件聯(lián)系:zhaoyh294@163.com。
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:
公式(‘=’開頭,只支持toolbar上輸入框填寫):
Example:
=include(1-3,5)=>h*1.1 & include(4,6--)=>i*1.2
1,支持多個公式拼接(‘&’)
2,支持區(qū)域自定義選擇(‘區(qū)域=>公式’)
3,區(qū)域選擇支持include,exclude(include可以省略,exclude可簡寫‘!’)
4,區(qū)域選擇括號內(nèi)內(nèi)容,‘-’為區(qū)間,‘,’為并集
5,選中單列區(qū)域自動顯示批量編輯按鈕,點擊自動填寫公式
Description1,通過canvas實現(xiàn),能處理萬級數(shù)據(jù)
2,類似excel,選中單元格并實時編輯
3,復(fù)制黏貼,支持批量,從excel復(fù)制,復(fù)制到excel都可以
4,撤銷/前進
5,checkbox勾選框,全選功能,可開關(guān)
6,固定列(目前只支持固定到右側(cè))
7,刪除單元格,支持批量
7,支持文本的重新計算渲染(通過計算的單元格不支持實時編輯)
8,支持基礎(chǔ)按鈕顯示及點擊事件
9,隱藏列功能,可開關(guān)
10,基礎(chǔ)公式計算
TODO:1,由于使用canvas不支持瀏覽器的檢索功能,以后加上表格的搜索功能
2,行列拖拽
3,基本公式計算(部分)
運行項目DEMOnpm install npm run dev
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/88961.html
摘要:預(yù)覽因為項目是基于做的,本身就提供了的預(yù)覽組件,使用起來也簡單,如果業(yè)務(wù)需求需要放大縮小,這個組件就不滿足了。 需求分析 業(yè)務(wù)要求,需要一個圖片上傳控件,需滿足 多圖上傳 點擊預(yù)覽 圖片前端壓縮 支持初始化數(shù)據(jù) 相關(guān)功能及資源分析 基本功能先到https://www.npmjs.com/search?q=vue+upload上搜索有關(guān)上傳的控件,沒有完全滿足需求的組件,過濾后找到...
摘要:前言用有一段時間了,從用搭建項目一步步配置,到之后的研究動效這些,一直想寫些東西記錄一下做個總結(jié),剛好趁著有空就整理一下。結(jié)語有新的知識點會更新到知識體系中,總結(jié)和心得體會會單獨寫文章詳述,努力填坑 前言 用vue有一段時間了,從用vue-cli搭建項目、一步步配置axios、vuex、vue-router,到之后的研究canvas、動效這些,一直想寫些東西記錄一下、做個總結(jié),剛好趁著...
摘要:多個頁簽的顯示,其實不難,有現(xiàn)成的組件,于是老夫?qū)懘a就是一把梭,擼起袖子就是干,噼里啪啦一頓寫,寫完一測,沒有任何問題,實在是不要太簡單,丟給產(chǎn)品預(yù)覽復(fù)制瀏覽器地址到別的地方粘貼,不能正確回顯內(nèi)需要實現(xiàn)跳轉(zhuǎn),而且要能返回。 前言 最近收到一個這樣的需求,要求做一個基于 vue 和 element-ui 的通用后臺框架頁,具體要求如下: 要求通用性高,需要在后期四十多個子項目中使用,...
摘要:文件可以包含模板和樣式塊,因此組件的所有必需代碼都可以存在于單個文件中。該方法將使用其顏色信息發(fā)布事件,畫布組件將偵聽該顏色信息。包含任意顏色的像素名稱,是包含值的顏色字典對象。從中使用了來渲染。 原文出處:Quick Introduction to Vue.js?—?Super Mario Pixel Art ::代碼我已經(jīng)歸納在github上:【vue2-pixel-art】:::...
閱讀 1984·2021-11-24 09:38
閱讀 3344·2021-11-22 12:07
閱讀 1912·2021-09-22 16:03
閱讀 1969·2021-09-02 15:41
閱讀 2626·2021-07-24 23:28
閱讀 2219·2019-08-29 13:17
閱讀 1560·2019-08-29 12:25
閱讀 2674·2019-08-29 11:10