JSFiddle - React, Tailwind, and code Playground

by Flexmonster Pivot Table

HTML

<script src="https://cdn.flexmonster.com/flexmonster.js"></script>

<div id="pivotContainer"></div>

JavaScript

let pivot = new Flexmonster({
  container: "pivotContainer",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: true,
  report: {
    "dataSource": {
      "type": "json",
      "filename": "data/retail-data.json"
    },
    "slice": {
      "rows": [{
        "uniqueName": "Country"
      }],
      "columns": [{
        "uniqueName": "[Measures]"
      }],
      "measures": [{
        "uniqueName": "Price",
        "aggregation": "sum"
      }]
    },
    "options": {
      "viewType": "charts"
    },
    "localization": {
      "grid": {
        "blankMember": "N/A",
        "dateInvalidCaption": "N/A"
      }
    },
    "version": "2.9.57",
    "creationDate": "2023-08-14T17:37:10.098Z"
  }
});