@cdmx/wappler_ag_grid 1.9.15 → 1.9.17

package/dmx-ag-grid.js

@@ -1741,13 +1741,17 @@ dmx.Component('ag-grid', {
         columnsToSum.forEach(function (col) {
           result[0][col] = 0;
           rowData.forEach(function (line) {
-            if (line.index < rowData.length) {
-              result[0][col] += parseFloat(line.data[col]) || line.data[col];
+            if (line.index < rowData.length && line.data[col] !== null && line.data[col] !== undefined) {
+              // Convert to number and handle NaN
+              const value = Number(line.data[col]);
+              if (!isNaN(value)) {
+                result[0][col] += value;
+              }
             }
           });
           // Apply footer sum precision if specified
-          if (options.footer_sum_precision) {
-             result[0][col] = parseFloat(result[0][col].toFixed(options.footer_sum_precision) );
+          if (options.footer_sum_precision !== null && !isNaN(result[0][col])) {
+            result[0][col] = Number(result[0][col].toFixed(options.footer_sum_precision));
           }
         });
       }
@@ -1942,17 +1946,24 @@ dmx.Component('ag-grid', {
         const bodyHorizontalScrollElement = gridElement.querySelector('.ag-body-horizontal-scroll');
         const rootWrapperWidth = agRootWrapper.clientWidth;
         bodyHorizontalScrollElement.style.width = rootWrapperWidth + 'px';
-        // Add the styles for the hovering horizontal bottom bar
+        
+        // Get the height of the horizontal scrollbar
+        const scrollbarHeight = bodyHorizontalScrollElement.offsetHeight || 17;
+        
         styleElement.innerHTML = `
           .ag-body-horizontal-scroll {
             position: fixed;
             bottom: 0;
+            z-index: 1000;
           }
           .ag-sticky-bottom {
             display: none;
           }
           .ag-paging-panel {
             border-top: none;
+            margin-bottom: ${scrollbarHeight}px !important;
+            position: relative;
+            z-index: 999;
           }
         `;
         if (existingStyle) {
@@ -1961,7 +1972,6 @@ dmx.Component('ag-grid', {
           gridElement.appendChild(styleElement);
         }
       } else if (existingStyle) {
-        // Remove the style element if it exists
         existingStyle.parentNode.removeChild(existingStyle);
       }
     }
@@ -2175,6 +2185,7 @@ dmx.Component('ag-grid', {
               colDef,
               column,
               api: gridInstance,
+              context: params.context,
             };
             const cellStyle = applyCellStyle(params);
             // Determine the header name using cnames and humanize function

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cdmx/wappler_ag_grid",
-    "version": "1.9.15",
+    "version": "1.9.17",
     "type": "module",
     "description": "App Connect module for AG Grid Table Generation.",
     "license": "MIT",