JSFiddle - React, Tailwind, and code Playground

by abufiddle

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/",
report: {  
    "dataSource":{  
       "dataSourceType":"json",
       "data":[  
          {  
             "Yz":{  
                "type":"number"
             },
             "Om":{  
                "type":"string"
             },
             "Mx":{  
                "type":"string"
             },
             "Nx":{  
                "type":"number"
             },
             "Qz":{  
                "type":"number"
             },
             "Gv":{  
                "type":"number"
             },
             "CC":{  
                "type":"number"
             }
          },
          {  
             "Yz":2019,
             "Om":"DY",
             "Mx":"March",
             "Nx":31777.41,
             "Qz":6061,
             "Gv":31777.41,
             "CC":639
          },
          {  
             "Yz":2019,
             "Om":"CG",
             "Mx":"March",
             "Nx":880.1,
             "Qz":327000,
             "Gv":880.1,
             "CC":3
          },
          {  
             "Yz":2019,
             "Om":"For Here",
             "Mx":"March",
             "Nx":75609.36,
             "Qz":17773,
             "Gv":81383.35,
             "CC":786
          },
          {  
             "Yz":2019,
             "Om":"Web",
             "Mx":"March",
             "Nx":17058.29,
             "Qz":14252,
             "Gv":18717.1,
             "CC":340
          },
          {  
             "Yz":2019,
             "Om":"un",
             "Mx":"March",
             "Nx":-460.12,
             "Qz":-43,
             "Gv":-460.12,
             "CC":32
          },
          {  
             "Yz":2019,
             "Om":"Tg",
             "Mx":"March",
             "Nx":25485.44,
             "Qz":6231,
             "Gv":28663.35,
             "CC":665
          },
          {  
             "Yz":2019,
            ...