JSFiddle - React, Tailwind, and code Playground

HTML

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


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

JavaScript

var pivot = new Flexmonster({
	container: "pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  width: "100%",
  height: 430,
  toolbar: true,
  report: {
    "formats": [
        {
            "name": "dataFormat",
            "thousandsSeparator": ",",
            "decimalSeparator": ".",
            "decimalPlaces": 0,
            "maxDecimalPlaces": -1,
            "maxSymbols": 20,
            "currencySymbol": "$",
            "positiveCurrencyFormat": "$1",
            "nullValue": "",
            "infinityValue": "",
            "divideByZeroValue": "",
            "textAlign": "right",
            "isPercent": false
        },
        {
            "name": "dimensionDefaultFormat", //Dimension format
            "thousandsSeparator": "",
            "decimalSeparator": ".",
            "decimalPlaces": 0,
            "maxDecimalPlaces": -1,
            "maxSymbols": 20,
            "currencySymbol": "",
            "currencySymbolAlign": "left",
            "isPercent": false,
            "nullValue": "",
            "infinityValue": "",
            "divideByZeroValue": "",
            "textAlign": "left"
        },
        {
            "name": "", //Default format
            "thousandsSeparator": ",",
            "decimalSeparator": ".",
            "decimalPlaces": 2,
            "maxDecimalPlaces": -1,
            "maxSymbols": 20,
            "currencySymbol": "",
            "currencySymbolAlign": "left",
            "isPercent": false,
            "nullValue": "",
            "infinityValue": "",
            "divideByZeroValue": "",
            "textAlign": "right"
        }
    ],
    "conditions": [],
    "dataSource": {
        "dataSourceType": "json",
        "data": [
            {
                "Column": {
                    "type": "number"
                },
                "Data value": {
                    "type": "number"
                }
            },
            {
                "Column": 1003,
             ...