Set grid title or turn off totals with setOptions API call
Options
by Sohan Soni
HTML
<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://s3.amazonaws.com/flexmonster/2.3/flexmonster.js"></script>
<button onclick="setTitle()">Set grid title</button>
<button onclick="turnOffTotals()">Turn off totals</button>
<div id="pivot-container"></div>
JavaScript
var pivot = $("#pivot-container").flexmonster({
componentFolder: "https://s3.amazonaws.com/flexmonster/2.3/",
width: "100%",
height: 430,
toolbar: true,
report: {
dataSource: {
data: getData()
},
slice: {
},
options: {
configuratorActive: false,
grid :{ type : "flat"}
}
}
});
function setTitle() {
flexmonster.setOptions({
grid: {
title: "Table One"
}
});
flexmonster.refresh();
}
function turnOffTotals() {
var options = flexmonster.getOptions();
options.grid.showTotals = false;
flexmonster.setOptions(options);
flexmonster.refresh();
}
function getData() {
return [{
"Color": "green",
"M": "September",
"W": "Wed",
"Country": "Canada",
"State": "Ontario",
"City": "Toronto",
"Price": 174,
"Quantity": 22
}, {
"Color": "red",
"M": "March",
"W": "Mon",
"Time": "1000",
"Country": "USA",
"State": "California",
"City": "Los Angeles",
"Price": 1664,
"Quantity": 19
}, {
"Color": "red",
"M": "January",
"W": "Mon",
"Country": "Canada",
"State": "Quebec",
"City": "Montreal",
"Price": 1190,
"Quantity": 292
}, {
"Color": "green",
"D": "04/08/2014",
"M": "August",
"W": "Fri",
"Time": "1000",
"Country": "USA",
"State": "California",
"City": "Los Angeles",
"Price": 1222,
"Quantity": 730
}, {
"Color": "white",
"M": "March",
"W": "Wed",
"Country": "USA",
"State": "California",
"City": "Los Angeles",
"Price": 7941,
"Quantity": 73
}, {
"Color": "red",
"M": "August",
"W": "Wed",
"Country": "Canada",
"State": "Ontario",
"City": "Toronto",
"Price": 6829,
"Quantity": 19
}, {
"Color": "green",
"M": "January",
"W": "Wed",
"Country": "Canada",
"State": "Quebec",
"City": "Montreal",
"Price": 2995,
"Quantity": 98
}, {
"Color": "white",
"M": "February",
...