JSFiddle - React, Tailwind, and code Playground

by abufiddle

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":[  
      {  
         "isPercent":true,
         "name":"-18ks4ai2ovqa00",
         "currencySymbol":""
      }
   ],
   "slice":{  
      "measures":[  
         {  
            "aggregation":"sum",
            "uniqueName":"Value",
            "format":"-18ks4ai2ovqa00"
         }
      ],
      "rows":[  
         {  
            "uniqueName":"As Of Date"
         }
      ],
      "expands":{  
         "expandAll":true
      },
      "columns":[  
         {  
            "sort":"desc",
            "uniqueName":"Days Ago"
         },
         {  
            "uniqueName":"Day Of Week",
            "sortOrder":[  
               "THU",
               "FRI",
               "SAT",
               "SUN",
               "MON",
               "TUE",
               "WED"
            ]
         },
         {  
            "uniqueName":"Serving Type",
            "sortOrder":[  
               "ServingT1 Revenue",
               "ServingT3 Revenue",
               "ServingT2 Revenue"
            ]
         },
         {  
            "uniqueName":"[Measures]"
         }
      ]
   },
   "tableSizes":{  
      "columns":[  
         {  
            "width":62,
            "measure":{  
               "aggregation":"sum",
               "uniqueName":"Value"
            },
            "tuple":[  
               "days ago.[6]",
               "day of week.[thursday]"
            ]
         },
         {  
            "width":51,
            "measure":{  
               "aggregation":"sum",
               "uniqueName":"Value"
            },
            "tuple":[  
               "days ago.[6]"
            ]
         },
         {  
            "width":51,
            "measure":{  
               "aggregation":"sum",
               "uniqueName":"Value"
            },
            "tuple":[ ...