Vue PivottableVue 3用ピボットテーブル

クイックスタート ​

<template>
  <VuePivottableUi
    :data="[
      { color: 'blue', shape: 'circle' },
      { color: 'red', shape: 'triangle' }
    ]"
    :rows="['color']"
    :cols="['shape']"
  />
</template>

<script setup>
import { VuePivottableUi } from 'vue-pivottable'
import 'vue-pivottable/dist/vue-pivottable.css'
</script>

インストール ​

npm install vue-pivottable

pnpm add vue-pivottable

yarn add vue-pivottable

主な機能 ​

🚀 Vue 3対応 ​

最新のVue 3 Composition APIで構築され、リアクティビティとパフォーマンスを最大化。

🎯 インタラクティブ ​

ユーザーフレンドリーなドラッグアンドドロップインターフェースでデータ探索を簡単に。

📊 多様なレンダリング ​

テーブル、チャート（Plotly統合）など、複数の表示形式をサポート。

⚡ 高性能 ​

大規模データセット向けの仮想スクロール（lazy table renderer）でスムーズな体験。

🛠 カスタマイズ可能 ​

独自のアグリゲータ、レンダラー、スタイルで完全にカスタマイズ。

📝 TypeScript ​

完全なTypeScriptサポートで安全で効率的な開発。