Styling rows based on the conditional formatting

Customizing the grid

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/",
  width: "100%",
  height: 500,
  toolbar: true,
  report: {
    "dataSource": {
      "data": getData(),
      "mapping": {
            "User": {
                "type": "string"
            },
            "Org_key_name": {
                "type": "string"
            },
            "ScenarioName": {
                "type": "string"
            },
            "YearSelectionId63974681-9c5b-3ec7-8e5e-405b2e81df31": {
                "type": "property",
                "hierarchy": "Year"
            },
            "Year": {
                "type": "number"
            },
            "Actual": {
                "type": "number"
            },
            "Actual-1": {
                "type": "number"
            },
            "FirstlevelSelectionId63974681-9c5b-3ec7-8e5e-405b2e81df31": {
                "type": "property",
                "hierarchy": "Firstlevel"
            },
            "Firstlevel": {
                "type": "string",
                "hierarchy": "Firstlevel"
            },
            "SecondLevelSelectionId63974681-9c5b-3ec7-8e5e-405b2e81df31": {
                "type": "property",
                "hierarchy": "SecondLevel"
            },
            "SecondLevel": {
                "type": "string",
                "hierarchy": "Firstlevel",
                "parent": "Firstlevel"
            },
            "Child_descSelectionId63974681-9c5b-3ec7-8e5e-405b2e81df31": {
                "type": "property",
                "hierarchy": "Child_desc"
            },
            "Child_desc": {
                "type": "string",
                "hierarchy": "Firstlevel",
                "parent": "SecondLevel"
            },
            "monthSelectionId63974681-9c5b-3ec7-8e5e-405b2e81df31": {
                "type": "property",
                "hierarchy": "month"
            },
            "month": {
                "type": "number"
   ...