Features

Features of VueSheetz:

  ✓  Intuitive spreadsheet-like interface
  ✓  Convenient API
  ✓  Multiple column sorting
  ✓  Validating data
  ✓  Columns text and number formatting
  ✓  Resizing rows/columns

See the full list of current and future features in the Features Section

Documentation

• Developer guides
• API Reference
• Changelog
• Demo

Get started

Installing VueSheetz in your Project

With NPM:

1npm install vuesheetz

With Yarn:

1yarn add vuesheetz

With PNPM:

1pnpm add vuesheetz

VueSheetz requires Vue >=v3.0.0 and Node >=v14.18

Configuring VueSheetz

After install VueSheetz locally using your preferred package manager, import VueSheetz's component and CSS into your application.

1import { VueSheetzComponent } from 'vuesheetz'
2import 'vuesheetz/dist/style.css'

Here is a full example using a minimal configuration:

1<script setup>
2import { VueSheetzComponent } from 'vuesheetz'
3import 'vuesheetz/dist/style.css'
4</script>
5
6<template>
7  <VueSheetzComponent
8    :data="[
9      [1, 2],
10      ['Jhon', 'Doe']
11    ]"
12    height="400px"
13    width="100%"
14  />
15</template>

Result:

See the list of config options in the Config Reference

Community

If you have questions or need help, reach out to the community at GitHub Discussions.

License

MIT License © 2023-Present Caíque Gaspar