Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/caiquegaspar/vuesheetz

VueSheetz is a versatile and feature-rich Vue component that provides a powerful spreadsheet-like interface for displaying and manipulating tabular data in web applications.
https://github.com/caiquegaspar/vuesheetz

Last synced: about 2 months ago
JSON representation

VueSheetz is a versatile and feature-rich Vue component that provides a powerful spreadsheet-like interface for displaying and manipulating tabular data in web applications.

Awesome Lists containing this project

README

        


VueSheetz

# VueSheetz

VueSheetz is a versatile and feature-rich Vue component that provides a powerful spreadsheet-like interface for displaying and manipulating tabular data in web applications.

[![npm](https://img.shields.io/npm/dt/vuesheetz)](https://www.npmjs.com/package/vuesheetz)
[![npm](https://img.shields.io/npm/dm/vuesheetz)](https://www.npmjs.com/package/vuesheetz)

---

### Get started with VueSheetz

---

VueSheetz github preview

## 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](https://vuesheetz.pages.dev/guide/features)

## Documentation

- [Developer guides](https://vuesheetz.pages.dev/guide)
- [API Reference](https://vuesheetz.pages.dev/api)
- [Changelog](https://github.com/caiquegaspar/vuesheetz/releases)
- [Demo](https://vuesheetz.pages.dev/guide/demo)

## Get started

### Installing VueSheetz in your Project

With NPM:

```bash
npm install vuesheetz
```

With Yarn:

```bash
yarn add vuesheetz
```

With PNPM:

```bash
pnpm 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.

```js
import { VueSheetzComponent } from 'vuesheetz'
import 'vuesheetz/dist/style.css'
```

Here is a full example using a minimal configuration:

```js

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

```

Result:

VueSheetz basic demo preview

See the list of config options in the [Config Reference](https://vuesheetz.pages.dev/config/)

## Community

If you have questions or need help, reach out to the community at [GitHub Discussions](https://github.com/caiquegaspar/vuesheetz/discussions).

## License

[MIT](./LICENSE) License © 2023-Present [Caíque Gaspar](https://github.com/caiquegaspar)