JSFiddle - React, Tailwind, and code Playground

by abufiddle

HTML

<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<script src="https://cdn.flexmonster.com/flexmonster.js"></script>
<button onclick="pdf()">Export to PDF</button>
<div id="pivot-container"></div>

JavaScript

var pivot = new Flexmonster({
  container: "#pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  width: "100%",
  height: 630,
  toolbar: true,
  report: getData()[0]
});

function pdf() {
  flexmonster.exportTo("pdf", {
    destinationType: "plain"
  }, function(res) {
    var pdf = res.data;
    alert('console error');
    pdf.addPage(); // Console Error: Not adding page here..
    pdf.text('Hello world!', 10, 10);
    pdf.save(res.filename);
  });
}

function getData() {
  return [{
    "dataSource": {
      "dataSourceType": "json",
      "data": [{
          "Year": "2018",
          "Name": "Andrew",
          "City": "SubUN",
          "CP": "Two Years Prior",
          "TF": "QTD",
          "Value": 0.2287
        },
        {
          "Year": "2018",
          "Name": "Tizen",
          "City": "HZ",
          "CP": "Two Years Prior",
          "TF": "PTD",
          "Value": -0.1157
        },
        {
          "Year": "2018",
          "Name": "Andrew",
          "City": "HZ",
          "CP": "Two Years Prior",
          "TF": "YTD",
          "Value": 1.7797
        },
        {
          "Year": "2018",
          "Name": "Tizen",
          "City": "SubUN",
          "CP": "One Year Prior",
          "TF": "WTD",
          "Value": -0.0456
        },
        {
          "Year": "2018",
          "Name": "Andrew",
          "City": "HZ",
          "CP": "Two Years Prior",
          "TF": "PTD",
          "Value": -0.1155
        },
        {
          "Year": "2018",
          "Name": "Tizen",
          "City": "SubUN",
          "CP": "One Year Prior",
          "TF": "QTD",
          "Value": 0.1536
        },
        {
          "Year": "2018",
          "Name": "Andrew",
          "City": "SubUN",
          "CP": "Two Years Prior",
          "TF": "WTD",
          "Value": 0.0262
        },
        {
          "Year": "2018",
          "Name": "Tizen",
          "City": "SubUN",
          "CP": "Two Years Prior",
         ...