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"
},
"Year": {
"type": "number"
},
"Actual": {
"type": "number"
},
"Actual-1": {
"type": "number"
},
"Firstlevel": {
"type": "string",
"hierarchy": "Firstlevel"
},
"SecondLevel": {
"type": "string",
"hierarchy": "Firstlevel",
"parent": "Firstlevel"
},
"Child_desc": {
"type": "string",
"hierarchy": "Firstlevel",
"parent": "SecondLevel"
},
"month": {
"type": "number"
},
"AccountDescription": {
"type": "string"
},
"RowId": {
"type": "id"
}
}
},
"options": {
"grid": {
"type": "flat",
"showFilter": false,
"dragging": false,
"showReportFiltersArea": false,
"showTotals": "on",
"showGrandTotals": "on",
"showHeaders": false,
"showHierarchies": true
},
"drillThrough": false,
"configuratorButton": false,
"caseSensitiveMembers": true,
"showEmptyValues": false,
"sorting": "on",
"datePattern": "yyyy-MM-dd",
"timePattern": "HH:mm",
"dateTimePattern": "yyyy-MM-dd'T'HH:mm"
},
"localization": {
...