Skip to main content

PivotHead Installation Guide

Easily integrate PivotHead, the next-generation headless pivot table solution, into your web projects. Whether you're using React, Angular, or Vue, PivotHead provides flexible and high-performance tools for building dynamic pivot tables that adapt to your data needs.

Core Installation (Headless Pivot Table)​

The core package contains all the essential logic for building customizable pivot tables without any UI constraints. It’s ideal for developers who want complete control over design and rendering.

# Using npm
npm install @mindfiredigital/pivothead

# Using yarn
yarn add @mindfiredigital/pivothead

# Using pnpm
pnpm install @mindfiredigital/pivothead

Once installed, you can use the PivotHead core library to create interactive data summaries, analytics dashboards, and reporting tools with ease.

Web Component Installation (Universal Pivot Table)​

If you’re building a project with plain HTML, JavaScript, or any frontend framework, you can use the PivotHead Web Component.
This package lets you easily embed a pivot table anywhere without framework dependencies.

# Using npm
npm install @mindfiredigital/pivothead-web-component

# Using yarn
yarn add  @mindfiredigital/pivothead-web-component

# Using pnpm
pnpm install @mindfiredigital/pivothead-web-component

React Installation (React Pivot Table)​

For React developers, PivotHead provides a specialized package that wraps the core headless pivot table logic into reusable React hooks and components. This makes it simple to build responsive, data-driven pivot tables in your React applications.

#using npm
npm install @@mindfiredigital/pivothead-react

#using yarn
yarn add  @mindfiredigital/pivothead-react

#using pnpm
pnpm install @mindfiredigital/pivothead-react

Angular Installation (Angular Pivot Table)​

Integrate PivotHead into your Angular projects with our dedicated Angular package. It provides ready-to-use services and components that help you seamlessly embed headless pivot tables into your Angular applications.

#using npm
npm install @mindfiredigital/pivothead-angular

#using yarn
yarn add @mindfiredigital/pivothead-angular

#using pnpm
pnpm install @mindfiredigital/pivothead-angular

Vue Installation (Vue Pivot Table)​

For Vue developers, PivotHead offers a Vue-compatible package that allows smooth integration of headless pivot table functionality into Vue applications.

#using npm
npm install @mindfiredigital/pivothead-vue

#using yarn
yarn add @mindfiredigital/pivothead-vue

#using pnpm
pnpm install @mindfiredigital/pivothead-vue