@cdmx/wappler_ag_grid 1.0.1 → 1.0.3

package/app_connect/components.hjson

@@ -2040,6 +2040,10 @@
           "src": "../../../node_modules/ag-grid-community/styles/ag-theme-material.css",
           "dst": "css/ag-theme-material.css"
         },
+        {
+          "src": "../../../node_modules/moment/min/moment.min.js",
+          "dst": "js/moment.min.js"
+        },
         {
           "src": "ag-theme-custom.css",
           "dst": "css/ag-theme-custom.css"
@@ -2078,6 +2082,11 @@
           "type": "js",
           "defer": true
         },
+        {
+          "src": "js/moment.min.js",
+          "type": "js",
+          "defer": true
+        },
         {
           "src": "js/locale/he.js",
           "type": "js",

package/dmx-ag-grid.js

@@ -1287,12 +1287,25 @@ dmx.Component('ag-grid', {
           header.style.position = 'fixed';
           header.style.top = `${topbarHeight}px`;
           header.style.zIndex = '1';
-          document.body.style.marginBottom = `${header.offsetHeight}px`; // Add margin to the bottom of the page
+          document.body.style.marginBottom = `${header.offsetHeight}px`;
         } else {
           header.style.position = 'static';
           document.body.style.marginBottom = '0'; // Reset the margin
         }
       });
+      const agHeader = document.querySelector('.ag-header');
+      const agRootWrapper = document.querySelector('.ag-root-wrapper');
+
+      // Function to adjust the header width
+      function adjustHeaderWidth() {
+        if (agHeader && agRootWrapper) {
+          const rootWrapperWidth = agRootWrapper.clientWidth;
+          const newHeaderWidth = rootWrapperWidth * 1.0;
+          agHeader.style.width = `${newHeaderWidth}px`;
+        }
+      }
+      window.addEventListener('resize', adjustHeaderWidth);
+      adjustHeaderWidth();
     }
     if (options.fixed_footer) {
       window.addEventListener('scroll', function () {
@@ -1408,7 +1421,6 @@ dmx.Component('ag-grid', {
       };
       gridConfig.api.exportDataAsCsv(params);
     };
-
     // Create the export button
     if (exportToCSV) {
       const existingExportButton = document.getElementById('exportButton');

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cdmx/wappler_ag_grid",
-    "version": "1.0.1",
+    "version": "1.0.3",
     "type": "module",
     "description": "App Connect module for AG Grid Table Generation.",
     "license": "MIT",
@@ -16,6 +16,7 @@
     "dependencies": {
         "ag-grid-community": "30.1.x",
         "exceljs": "4.3.x",
+        "moment": "2.29.x",
         "papaparse": "5.4.x"
     },
     "scripts": {