Flexmonster - Pivot Table demo

Demos

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

new Flexmonster({
  container: "#pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  width: "100%",
  height: 430,
  toolbar: true,
  report: {
    "dataSource": {
        "dataSourceType": "json",
        "data": [
            {
                "id": {
                    "type": "number"
                },
                "empleado": {
                    "type": "string"
                },
                "proceso": {
                    "type": "date"
                },
                "estado": {
                    "type": "string"
                },
                "ingreso": {
                    "type": "number"
                },
                "termino": {
                    "type": "number"
                },
                "presente": {
                    "type": "number"
                }
            },
            {
                "id": 72,
                "empleado": "10362840-7",
                "proceso": "2019-01",
                "ingreso": 0,
                "termino": 0,
                "presente": 1
            },
            {
                "id": 72,
                "empleado": "10362840-7",
                "proceso": "2019-02",
                "ingreso": 0,
                "termino": 0,
                "presente": 1
            },
            {
                "id": 72,
                "empleado": "10362840-7",
                "proceso": "2019-03",
                "ingreso": 0,
                "termino": 0,
                "presente": 1
            },
            {
                "id": 72,
                "empleado": "10362840-7",
                "proceso": "2019-04",
                "ingreso": 0,
                "termino": 0,
                "presente": 1
            },
            {
                "id": 47,
                "empleado": "29393419-3",
                "proceso": "2018-04",
                "ingreso": 0,
                "termino": 0,
                "presente": 1
            },
            {
      ...