JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://cdn.flexmonster.com/2.3/demo.css">
<script src="https://cdn.flexmonster.com/flexmonster.js"></script>
<div id="pivot-container"></div>
JavaScript
var slice = {
"rows": [
{
"sort": "unsorted",
"caption": "Suppliers on Project",
"uniqueName": "suppliersList"
},
{
"sort": "unsorted",
"caption": "Project Title",
"uniqueName": "title"
},
{
"sort": "unsorted",
"caption": "Suppliers Invited to Event(s)",
"uniqueName": "suppliersInvitedToEvents"
},
{
"sort": "unsorted",
"caption": "Project Type",
"uniqueName": "projectTypeId"
},
{
"sort": "unsorted",
"caption": "Project Type Short Code",
"uniqueName": "projectTypeShortcode"
},
{
"sort": "unsorted",
"caption": "Project Needs Attention",
"uniqueName": "needsAttention"
},
{
"sort": "unsorted",
"caption": "Project State & Status",
"uniqueName": "stateWithLabel"
},
{
"sort": "unsorted",
"caption": "Sourcing Owner",
"uniqueName": "ownerId"
},
{
"sort": "unsorted",
"caption": "Project Requester",
"uniqueName": "requesterId"
},
{
"sort": "unsorted",
"caption": "Category",
"uniqueName": "spendCategoryId"
},
{
"sort": "unsorted",
"caption": "Project Description",
"uniqueName": "description"
},
{
"sort": "unsorted",
"caption": "Request Submitted",
"uniqueName": "requestSubmittedAtDup"
},
{
"sort": "unsorted",
"caption": "Request Submitted.Year",
"uniqueName": "requestSubmittedAt.Year"
},
{
"sort": "unsorted",
"caption": "Request Submitted.Month",
"uniqueName": "requestSubmittedAt.Month"
},
{
"sort": "unsorted",
"caption": "Request Submitted.Day",
"uniqueName": "requestSubmittedAt.Day"
},
{
"sort": "unsorted",
"caption": "Request Opened",
"uniqueName": "requestOpenedAtDup"
},
{
"sort": "unsorted",
"caption": "Request Opened.Year",
"uniqueName":...