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

https://github.com/flexmonster/vue-sample

Vue pivot grid example with Flexmonster 3.0 (preview)
https://github.com/flexmonster/vue-sample

Last synced: 15 days ago
JSON representation

Vue pivot grid example with Flexmonster 3.0 (preview)

Awesome Lists containing this project

README

          

# Vue pivot table | Flexmonster 3.0 (preview) sample project with Vue

[![Flexmonster Pivot](https://cdn.flexmonster.com/readmes/vue_30.webp)](https://prerelease.flexmonster.com/?r=sample_30_vue)
Website: [prerelease.flexmonster.com](https://prerelease.flexmonster.com/?r=sample_30_vue)

[![Github Stars](https://img.shields.io/github/stars/flexmonster?style=social)](https://github.com/flexmonster) [![Twitter](https://img.shields.io/twitter/follow/Flexmonster?style=social)](https://x.com/Flexmonster)

Flexmonster 3.0 is an upcoming major update for [Flexmonster Pivot Table & Charts](https://www.flexmonster.com/?r=sample_30_vue), a powerful JavaScript pivot table component. Check out the [Flexmonster 3.0 roadmap](https://prerelease.flexmonster.com/roadmap?r=sample_30_vue#current) and keep track of the latest updates.

This repository contains a sample [Vue](https://vuejs.org/) project for Flexmonster Pivot 3.0 (preview).

Table of contents:

* [Prerequisites](#prerequisites)
* [Installation](#installation)
* [What is inside the project](#what-is-inside-the-project)
* [Related Flexmonster docs](#related-flexmonster-docs)
* [Support and feedback](#support-and-feedback)
* [Flexmonster licensing](#flexmonster-licensing)
* [Social media](#social-media)

## Prerequisites

- [Node.js 20 or later](https://nodejs.org/en/)

## Installation

1. Download a `.zip` archive with the sample project or clone it from GitHub with the following command:

```bash
git clone https://github.com/flexmonster/vue-sample.git && cd vue-sample
```

2. Install the npm dependencies described in `package.json`:

```bash
npm install
```

3. Run the sample project:

```bash
npm start
```

The project will be automatically opened in your browser.

## What is inside the project

The Vue sample project contains a basic example of Flexmonster Pivot 3.0 usage.

## Related Flexmonster docs

- [Embed the Flexmonster UI](https://prerelease.flexmonster.com/doc/vue/embed-flexmonster-ui/?r=sample_30_vue) — learn how to integrate Flexmonster into a Vue project.

## Support and feedback

In case of any issues, visit our [Troubleshooting](https://prerelease.flexmonster.com/doc/vue/troubleshooting/?r=sample_30_vue) section and look through the list of [common issues](https://prerelease.flexmonster.com/doc/vue/common-client-side-issues/?r=sample_30_vue).

To share your feedback or ask questions, contact our Tech team by raising a ticket on our [Help Center](https://www.flexmonster.com/help-center/?r=sample_30_vue).

## Flexmonster licensing

This sample project is released under the MIT license (free and open-source). Also, it uses the [Flexmonster 3.0 (preview) wrapper for Vue](https://github.com/flexmonster/vue), which is governed by the Flexmonster Software License Agreement: [https://www.flexmonster.com/software-license-agreement/](https://www.flexmonster.com/software-license-agreement/?r=sample_30_vue).

Flexmonster offers a 30-day free trial so you can evaluate our product. Pricing for commercial license models can be found on the [Flexmonster pricing page](https://www.flexmonster.com/pivot-table-editions-and-pricing/?r=sample_30_vue).

If you need any help with your license, fill out our [Contact form](https://www.flexmonster.com/contact-our-team/?r=sample_30_vue), and we will get in touch with you.

## Social media

Follow us on social media and stay updated on our development process!

[![YouTube](https://img.shields.io/badge/YouTube-red?style=for-the-badge&logo=youtube&logoColor=white&logoSize=auto)](https://youtube.com/user/FlexMonsterPivot) [![X](https://img.shields.io/badge/@Flexmonster-black?style=for-the-badge&logo=x&logoColor=white&logoSize=auto)](https://x.com/flexmonster) [![LinkedIn](https://img.shields.io/badge/LinkedIn-blue?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/company/flexmonster)