vcf-spreadsheet-light | Vaadin

Web Component providing basic functionalities of a spreadsheet.


Gitter npm version Published on Vaadin Directory

This is the npm version vcf-spreadsheet-light developed using Polymer 3.

Live demo ↗ | API documentation ↗



Install vcf-spreadsheet-light:

npm i @vaadin-component-factory/vcf-spreadsheet-light --save


Once installed, import it in your application:

import '@vaadin-component-factory/vcf-spreadsheet-light';

Add <vcf-spreadsheet-light> element to the page.

<vcf-spreadsheet-light col-count="5" height="700px"></vcf-spreadsheet-light>

Running demo

  1. Fork the vcf-spreadsheet-light repository and clone it locally.

  2. Make sure you have npm installed.

  3. When in the vcf-spreadsheet-light directory, run npm install to install dependencies.

  4. Run npm start to open the demo.


To contribute to the component, please read the guideline first.

Vaadin Prime

This component is available in the Vaadin Prime subscription. It is still open source, but you need to have a valid CVAL license in order to use it. Read more at:


Commercial Vaadin Add-on License version 3 (CVALv3). For license terms, see LICENSE.

Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see


Link to this version
ImportedReleased 21 October 2019Other
Framework Support
Polymer 3.0+
Browser Independent
Install with
npm install @vaadin-component-factory/vcf-spreadsheet-light"@1.0.0"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.0.0


  • @polymer/polymer#^3.0.0
  • @vaadin/vaadin-element-mixin#^2.1.3
  • @vaadin/vaadin-grid#^5.4.11
  • @vaadin/vaadin-lumo-styles#^1.5.0
  • @vaadin/vaadin-themable-mixin#^1.5.1