Flexmonster Pivot Table Component Live Demo

Export reportExport into a variety of formats
Exporting report
Choose target format to export
Exporting report
View source code

Source code for the Flexmonster Pivot HTML5 API demo:

<html>
  <head>
    <title>FlexMonster Pivot Table & Charts</title>
    <link href="css/panels.css" rel="stylesheet" rev="stylesheet" type="text/css">
  </head>
  <body>
    <table width="100%">
      <tr>
        <td style="width:250px;height:65px;border-right:1px dotted #555555;"><div class="header-title">Exporting report</div>
          <div class="header-prompt">Choose target format to export</div></td>
        <td>
          <div class="IconLinks"> 
            <a href="javascript:void(0)" onclick="onBtnClick('html')" id="html"><span>To HTML</span></a> <a href="javascript:void(0)" onclick="onBtnClick('csv')" id="csv"><span>To CSV</span></a> 
            <a href="javascript:void(0)" onclick="onBtnClick('excel')" id="excel"><span>To Excel</span></a> 
            <a href="javascript:void(0)" onclick="onBtnClick('image')" id="image"><span>To Image</span></a> 
            <a href="javascript:void(0)" onclick="onBtnClick('pdf')" id="pdf"><span>To PDF</span></a>
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="2"><div class="flexmonster-panel">
            <div id="title" class="title">Exporting report</div>
            <div id="pivotContent"> 
            </div>
          </div>
      </tr>
    </table>
    <script type="text/javascript" src="flexmonster/flexmonster.js"></script> 
    <script type="text/javascript">
      flexmonster.embedPivotComponent("flexmonster/", "pivotContent", "100%", "600", {
        configUrl: "reports/report.xml"
      }, "html5");
      
      function onBtnClick(type)
      {
        flexmonster.exportTo(type); 
      }
    </script>
  </body>
</html>
            
Download Demo Source