A pivot table component for web reporting
To use Flexmonster in a pure JavaScript project, follow the steps below.
Step 1. Add a container for Flexmonster
Create a <div>
container for the component:
<div id="pivotContainer">The component will appear here</div>
Step 2. Include Flexmonster in the HTML page Download Flexmonster if it is not added to your project yet.
Then, include the component in your webpage with one of the following scripts:
<div id="pivotContainer">The component will appear here</div>
<script src="node_modules/flexmonster/flexmonster.js"></script>
Step 3. Embed the component Add a simple script to embed the component into the webpage:
<div id="pivotContainer">The component will appear here</div>
<script src="node_modules/flexmonster/flexmonster.js"></script>
<script>
let pivot = new Flexmonster({
container: "pivotContainer",
componentFolder: "node_modules/flexmonster/",
toolbar: true
});
</script>