JSFiddle - React, Tailwind, and code Playground

by Flexmonster Pivot Table

HTML

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

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

CSS

#pivot-container:fullscreen #fm-tab-open,
#pivot-container:fullscreen #fm-tab-save,
#pivot-container:fullscreen #fm-tab-export {
  pointer-events: none;
  opacity: 0.4;
}
#pivot-container:-webkit-full-screen #fm-tab-open,
#pivot-container:-webkit-full-screen #fm-tab-save,
#pivot-container:-webkit-full-screen #fm-tab-export {
  pointer-events: none;
  opacity: 0.4;
}
#pivot-container:-moz-full-screen #fm-tab-open,
#pivot-container:-moz-full-screen #fm-tab-save,
#pivot-container:-moz-full-screen #fm-tab-export {
  pointer-events: none;
  opacity: 0.4;
}

JavaScript

const pivot = new Flexmonster({
  container: '#pivot-container',
  componentFolder: 'https://cdn.flexmonster.com/',
  toolbar: true,
  report: 'https://cdn.flexmonster.com/reports/report.json',
})