JSFiddle - React, Tailwind, and code Playground

by alsoderg

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/",
  global: {
        localization: {
           grid: {
              blankMember: ""
           }
        }
  },
  toolbar: true,
  report: {
    dataSource: {
      mapping: {
        "City": {
          caption: "MyCity",
          dimensionCaption: "Place",
          dimensionUniqueName: "Place"
        },
        "Price": {
          type: "number",
          caption: "MyPrice"
        },
      },
      data: [{
          "City": "Toronto",
          "Price": 174,
        },
        {
          "City": "Toronto2",
          "Price": 174,
        },
        {
          "City": "",
          "Price": 0 ,
        }
      ]
    },

    slice: {
      rows: [{
        "uniqueName": "City"
      }],
      columns: [{
        "uniqueName": "[Measures]"
      }],
      measures: [{
          "uniqueName": "Price",
          "aggregation": "sum"
        },
      ]
    }
  }
});