https://github.com/flexmonster/pivot-svelte
https://github.com/flexmonster/pivot-svelte
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/flexmonster/pivot-svelte
- Owner: flexmonster
- Created: 2025-05-13T07:03:54.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-05-26T10:20:55.000Z (about 1 year ago)
- Last Synced: 2025-05-26T11:42:05.761Z (about 1 year ago)
- Language: Svelte
- Size: 23.4 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Svelte pivot table | Flexmonster Pivot Table & Charts sample project with Svelte
[](https://www.flexmonster.com?r=sample_svelte)
Website: [flexmonster.com](https://www.flexmonster.com?r=sample_svelte)
[](https://github.com/flexmonster) [](https://twitter.com/Flexmonster)
## Flexmonster Pivot Table & Charts
Flexmonster Pivot Table & Charts is a powerful and fully customizable JavaScript component for web reporting. It is packed with all core features for data analysis and can easily become a part of your Svelte data visualization project. The tool supports popular frameworks like Angular, React, Vue, Blazor, and [more](https://www.flexmonster.com/doc/available-tutorials-integration?r=sample_svelte). Also, Flexmonster connects to any data source, including SQL and NoSQL databases, JSON and CSV files, OLAP cubes, and Elasticsearch.
This repository contains a sample [Svelte](https://svelte.dev/) project for Flexmonster Pivot Table & Charts.
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 14.0 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/pivot-svelte.git && cd pivot-svelte
```
2. Install the npm dependencies described in `package.json`:
```bash
npm install
```
3. Run the sample project:
```bash
npm start
```
To see the result, open `http://localhost:5173/` in your browser.
## What is inside the project
Svelte sample project contains several examples of Flexmonster Pivot usage and customization:
- **Pivot table demo** shows how to define the `report`, `toolbar`, and other initialization parameters in the pivot grid for Svelte.
- **Handling events** demonstrates how to subscribe to events and unsubscribe from them.
- **Using API calls** illustrates how to use Flexmonster's methods.
- **Updating data** is an example of refreshing data at runtime using the `updateData()` method.
- **Customizing the Toolbar** shows how to customize the Toolbar.
- **Customizing the grid** illustrates how to customize the pivot table using the `customizeCell()` API call.
- **Integration with Highcharts** demonstrates how to integrate with the Highcharts charting library.
- **Integration with amCharts** is an example of integration with the amCharts charting library.
You can try all of these examples right from the project’s starting page.
## Related Flexmonster docs
- [Integration with Svelte](https://www.flexmonster.com/doc/integration-with-svelte/?r=sample_svelte) — learn how to integrate Flexmonster into a Svelte project.
- [Usage examples in Svelte](https://www.flexmonster.com/doc/usage-examples-svelte/?r=sample_svelte) — see details on Flexmonster usage in Svelte.
## Support and feedback
In case of any issues, visit our [troubleshooting section](https://www.flexmonster.com/doc/typical-errors?r=sample_svelte). You can also search among the [resolved cases](https://www.flexmonster.com/technical-support?r=sample_svelte) for a solution to your problem.
To share your feedback or ask questions, contact our Tech team by raising a ticket on [Flexmonster Help Center](https://www.flexmonster.com/help-center?r=sample_svelte). You can also find a list of samples, technical specifications, and a user interface guide there.
## Flexmonster licensing
This sample project uses [Flexmonster Svelte wrapper](https://github.com/flexmonster/svelte-flexmonster), which is released as an MIT-licensed (free and open-source) add-on to Flexmonster Pivot.
To learn about Flexmonster Pivot licenses, visit the [Flexmonster licensing page](https://www.flexmonster.com/pivot-table-editions-and-pricing?r=sample_svelte).
If you want to test our product, we provide a 30-day free trial.
If you need any help with your license — fill out our [Contact form](https://www.flexmonster.com/contact-our-team?r=sample_svelte), and we will get in touch with you.
## Social media
Follow us on social media and stay updated on our development process!
[](https://linkedin.com/company/flexmonster) [](https://youtube.com/user/FlexMonsterPivot) [](https://twitter.com/flexmonster)