JSFiddle - React, Tailwind, and code Playground

by PavithraG

HTML

<script src="https://techorc.in/flexmonster_V2.6.14.js"></script>

<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": [
        {
            "infinityValue": "Infinity",
            "name": "amount",
            "decimalSeparator": ".",
            "currencySymbol": "",
            "thousandsSeparator": ",",
            "divideByZeroValue": "Infinity",
            "currencySymbolAlign": "left",
            "maxDecimalPlaces": -1,
            "decimalPlaces": 2,
            "isPercent": false,
            "nullValue": "",
            "textAlign": "right",
            "maxSymbols": 20
        }
    ],
    "slice": {
        "measures": [
            {
                "format": "amount",
                "aggregation": "sum",
                "uniqueName": "Amount",
                "grandTotalCaption": "Amount"
            }
        ],
        "rows": [
            {
                "sort": "unsorted",
                "uniqueName": "Name"
            },
            {
                "sort": "unsorted",
                "uniqueName": "Keys"
            },
            {
                "sort": "unsorted",
                "uniqueName": "Acquired Date"
            },
            {
                "sort": "unsorted",
                "uniqueName": "Opening Date"
            },
            {
                "sort": "unsorted",
                "uniqueName": "Site Acres"
            },
            {
                "sort": "unsorted",
                "uniqueName": "King"
            },
            {
                "sort": "unsorted",
                "uniqueName": "King Suite"
            },
            {
                "sort": "unsorted",
                "uniqueName": "Queen"
            },
            {
                "sort": "unsorted",
                "uniqueName": "Queen Suite"
            },
            {
                "sort": "unsorted",
                "uniqueName": "Other"
            },
        ...