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>

JavaScript

let pivot = new Flexmonster({
  container: "pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: true,
  report: {
    "dataSource": {
        "type": "json",
        "data": [
            {
                "Category": "Accessories",
                "Color": "green",
                "Count": 2222
            }
        ]
    },
    "slice": {
        "rows": [
            {
                "uniqueName": "Category"
            },
            {
                "uniqueName": "Color"
            }
        ],
        "measures": [
            {
                "uniqueName": "Count",
                "aggregation": "sum",
                "format": "-n7dav9tilbu00"
            }
        ]
    },
    "options": {
        "grid": {
            "type": "flat"
        }
    },
    "formats": [
        {
            "name": "-n7dav9tilbu00",
            "decimalPlaces": 0,
            "thousandsSeparator": ","
        }
    ]
}
});