JSFiddle - React, Tailwind, and code Playground

by Flexmonster Pivot Table

HTML

<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<script src="https://cdn.flexmonster.com/flexmonster.js"></script>

<button onclick="setData('en')">EN</button>
<button onclick="setData('fr')">FR</button>
<button onclick="setData('it')">IT</button>
<button onclick="setData('es')">ES</button>
<button onclick="setData('pt')">PT</button>
<button onclick="setData('zh')">ZH</button>
<button onclick="setData('uk')">UK</button>

<div id="pivot-container"></div>

JavaScript

const pivot = new Flexmonster({
  container: "#pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  height: 430,
  toolbar: true,
  report: {
    dataSource: {
      type: "csv",
      filename: "data/data-en.csv",
    },
  },
});

let currentLang = "en";

function setData(lang) {
  currentLang = lang;
  pivot.setReport({
    dataSource: {
      type: "csv",
      filename: "data/data-" + lang + ".csv",
    },
  });
}