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>

SCSS

.editable {
    padding: 0 !important;

    input {
        width: 96px;
        height: 100%;
        font-size: inherit !important;
        font-family: inherit !important;
        background-color: transparent !important;
        border: 0px solid;
        box-sizing: border-box !important;
        padding-left: 4px !important;
        padding-right: 8px !important;
        text-align: right !important;
    }
    }

JavaScript

var pivot = new Flexmonster({
  container: "#pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: false,
  report: {
    "dataSource": {
        "type": "json",
        "data": getData(),
        "mapping": {
            "Actual-1": {
                "type": "number"
            },
            "Actual": {
                "type": "number"
            },
            "month": {
                "type": "number"
            },
            "monthSelectionIde1ceeb68-52ff-4a02-a34b-e7467a7a2dc5": {
                "type": "property",
                "hierarchy": "month"
            },
            "Year": {
                "type": "number"
            },
            "Org_key_name": {
                "type": "string"
            },
            "ScenarioName": {
                "type": "string"
            },
            "Amount": {
                "type": "number"
            },
            "Firstlevel": {
                "type": "string",
                "hierarchy": "Firstlevel"
            },
            "FirstlevelSelectionIde1ceeb68-52ff-4a02-a34b-e7467a7a2dc5": {
                "type": "property",
                "hierarchy": "Firstlevel"
            },
            "SecondLevel": {
                "type": "string",
                "hierarchy": "Firstlevel",
                "parent": "Firstlevel"
            },
            "SecondLevelSelectionIde1ceeb68-52ff-4a02-a34b-e7467a7a2dc5": {
                "type": "property",
                "hierarchy": "SecondLevel"
            },
            "Child_desc": {
                "type": "string",
                "hierarchy": "Firstlevel",
                "parent": "SecondLevel"
            },
            "Child_descSelectionIde1ceeb68-52ff-4a02-a34b-e7467a7a2dc5": {
                "type": "property",
                "hierarchy": "Child_desc"
            },
            "RowId": {
                "type": "id"
            }
        }
    },
    "options": {
        "grid": {
            "type":...