| outline | deep |
|---|
Pivot Table Component for Vue 3
vue-pivottable is a Vue 3-compatible pivot table component, which is a Vue wrapper of the popular react-pivottable. This library allows you to easily summarize, transform, and visualize large datasets in a pivot table UI.
- Vue 3 Composition API built for modern development
- Multiple aggregators and renderers for versatile data visualization
- Interactive UI with drag-and-drop field configuration
- Highly customizable (renderers, aggregators, styles)
- TypeScript support for better development experience
A pivot table is a powerful data analysis tool that aggregates data across different dimensions and displays it in a cross-tabular format.
- VuePivottable: Basic component that renders static pivot tables
- VuePivottableUi: Interactive component that allows users to dynamically modify configurations
Vue Pivottable supports the following data formats:
- Array of objects:
[{name: "Alice", age: 25}, {name: "Bob", age: 30}] - Array of arrays:
[["Name", "Age"], ["Alice", 25], ["Bob", 30]] - Functions: Functions that provide data asynchronously
- Vue 3 Optimized: Leverages the latest Vue 3 Composition API
- Flexibility: Extend with custom renderers and aggregators to fit your needs
- Performance: Optimized for large datasets (lazy table renderer)
- Developer Experience: TypeScript support and comprehensive documentation
- Check out Getting Started for installation and setup
- Learn about Props in detail
- Explore Renderer customization options
- plotly/react-pivottable - React-based pivot table library
- clalarco/vue3-plotly - vue wrapper for plotly.js
VuePivottable is open-sourced software licensed under the MIT license.