@quantify/vue3-pivottable

Vue3 Pivottable

Drop-in replacement of vue-pivottable with Vue3 support.

Installation

npm install @quantify/vue3-pivottable

Usage

• Vue Pivottable

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

<script>
import { VuePivottableUi } from 'vue3-pivottable'
export default {
  components: {
    VuePivottableUi
  }
}
</script>

• Vue Pivottable Ui

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

Events (added)

Additionally the component emits events when internal settings have changed

@update:items
@update:rows
@update:cols
@update:aggregatorName
@update:vals

License

MIT

Credits

• PivotTable.js
• Seungwoo321
• brettcodling
• chikko80