diff --git a/package-lock.json b/package-lock.json
index 0209c9a..88bf6b9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "date-fns": "^2.30.0",
         "highcharts": "^11.1.0",
         "jquery": "^3.7.1",
-        "jspivottable": "~1.4.4",
+        "jspivottable": "https://github.com/andresfern/JSPivotTable#develop",
         "material-icons": "^1.13.1",
         "rollup-plugin-dotenv": "^0.5.0"
       },
@@ -12983,9 +12983,9 @@
       }
     },
     "node_modules/jspivottable": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/jspivottable/-/jspivottable-1.4.4.tgz",
-      "integrity": "sha512-ZeiTCfIpJvtHbZWRYjkaWQDU90R7YZuQmRRv66ExwxbiW2mBCjSDfXfbvoBe2xfX3eHibzon2hm3IYNMkn2KWA=="
+      "version": "1.4.2",
+      "resolved": "git+ssh://git@github.com/andresfern/JSPivotTable.git#1415fd06b06562fa4d4a8c57fe4c1e4f5ce2a300",
+      "license": "ISC"
     },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.3",
@@ -27522,9 +27522,8 @@
       }
     },
     "jspivottable": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/jspivottable/-/jspivottable-1.4.4.tgz",
-      "integrity": "sha512-ZeiTCfIpJvtHbZWRYjkaWQDU90R7YZuQmRRv66ExwxbiW2mBCjSDfXfbvoBe2xfX3eHibzon2hm3IYNMkn2KWA=="
+      "version": "git+ssh://git@github.com/andresfern/JSPivotTable.git#1415fd06b06562fa4d4a8c57fe4c1e4f5ce2a300",
+      "from": "jspivottable@https://github.com/andresfern/JSPivotTable#develop"
     },
     "jsx-ast-utils": {
       "version": "3.3.3",
diff --git a/package.json b/package.json
index 7621161..1bbef4c 100644
--- a/package.json
+++ b/package.json
@@ -70,7 +70,7 @@
     "date-fns": "^2.30.0",
     "highcharts": "^11.1.0",
     "jquery": "^3.7.1",
-    "jspivottable": "~1.4.4",
+    "jspivottable": "https://github.com/andresfern/JSPivotTable#develop",
     "material-icons": "^1.13.1",
     "rollup-plugin-dotenv": "^0.5.0"
   },
diff --git a/src/index.html b/src/index.html
index c6a5709..05a55e6 100644
--- a/src/index.html
+++ b/src/index.html
@@ -34,7 +34,7 @@
         align-items: center;
       }
     </style>
-  
+
     <script>
       const pivotParameters = {
         AllowSelection: false,
@@ -1443,6 +1443,24 @@
             object-name="Query"
           ></gx-query-viewer-pivot>
         </div>
+      </div>
+      <div>
+        <div style="height: 200px; margin: 40px; display: flex; width: 100%">
+          <gx-query-viewer type="PivotTable" control-name="gx1">
+            <gx-query-viewer-controller
+              css-class="QueryViewer"
+              type="PivotTable"
+              object-name="CountriesByGDPPerCapita"
+              metadata-id=""
+              base-url=""
+              api-key=""
+              saia-token=""
+              saia-user-id=""
+              use-gxquery="true"
+            ></gx-query-viewer-controller>
+          </gx-query-viewer>
+        </div>
+      </div>
     </div>
   </body>
 </html>