vgc

vue-grid-canvas

A vue component, it can generate a similar excel form for you

Showing:

Popularity

Downloads/wk

13

GitHub Stars

9

Maintenance

Last Commit

4yrs ago

Contributors

0

Package

Dependencies

3

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Vue Canvas

Readme

vue-grid-canvas

a vue component,基于vue的表格组件,主要解决大数据量的表格渲染性能问题,使用canvas绘制表格,同时支持类似excel的批量选中,复制黏贴删除,实时编辑等功能。

vue-grid-canvas

目前测试阶段,暂不发布npm仓库,定制性较弱,需要日后完善,有需要的朋友,可参考example使用

一个类似excel的表格组件,说明:

  • 1,通过canvas实现,能处理万级数据
  • 2,类似excel,选中单元格并实时编辑
  • 3,复制黏贴,支持批量,从excel复制,复制到excel都可以
  • 4,撤销/前进
  • 5,checkbox勾选框,全选功能,可开关
  • 6,固定列(目前只支持固定到右侧)
  • 7,删除单元格,支持批量
  • 7,支持文本的重新计算渲染(通过计算的单元格不支持实时编辑)
  • 8,支持基础按钮显示及点击事件
  • 9,隐藏列功能,可开关

以后计划:

  • 1,由于使用canvas不支持浏览器的检索功能,以后加上表格的搜索功能
  • 2,行列拖拽

运行例子

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Tutorials

No tutorials found
Add a tutorial