Error

Errorhandling-page. TODO.

Pivot

Output

Tomato	Orange
Sales	Sales
$30	$20

• dataShapeError: duplicate item Objects (by rows * columns) found in items

1–1 of 1 1 of 1

Input

<template>
    <PivotDataTable 
        :items 
        :measures 
        :pivot 
    />
</template>

<script setup>

import type { Pivot, Measure, Item } from "vue3-pivot-data-table";

const pivot: Pivot = { text: 'Fruit', value: 'fruit' };

const measures: Measure[] = [{ text: 'Sales', value: 'sales', sortable: true, prefix: '$' }];

const items: Item[] = [
  { fruit: 'Tomato', sales: 30, day: 'Tuesday' },
  { fruit: 'Orange', sales: 20, day: 'Thursday' },
  { fruit: 'Tomato', sales: 30, day: 'Monday' },
];
</script>