@cdmx/wappler_ag_grid 0.9.6 → 0.9.8

package/app_connect/components.hjson

@@ -1164,7 +1164,8 @@
               "show": [
                 "columnsToCount",
                 "columnsToSum",
-                "enableFixedFooter"
+                "enableFixedFooter",
+                "fixedFooterBottomPadding",
               ],
               "noChangeOnHide": true,
               "groupEnabler": true,
@@ -1172,6 +1173,7 @@
               "children": [
                     {
                       "name": "columnsToCount",
+                      "attributeStartsWith": "dmx-bind",
                       "attribute": "columns_to_count",
                       "title": "Columns to Count",
                       "type": "grid",
@@ -1216,6 +1218,15 @@
                   "defaultValue": false,
                   "help": "Enables Fixed Total Row Footer"
                 },
+                {
+                  "name": "fixedFooterBottomPadding",
+                  "attribute": "dmx-bind:fixed_footer_bottom_padding",
+                  "title": "Fixed Footer Bottom Padding",
+                  "type": "number",
+                  "initDisplay": "none",
+                  "defaultValue": 10,
+                  "help": "Fixed Footer Bottom Padding"
+                }
               ]
             }
           ]

package/dmx-ag-grid.js

@@ -62,6 +62,7 @@ dmx.Component('ag-grid', {
     fixed_horizontal_scroll: { type: Boolean, default: false },
     fixed_horizontal_scroll_width: { type: Number, default: 80 },
     fixed_footer: { type: Boolean, default: false },
+    fixed_footer_bottom_padding: { type: Number, default: 10 },
     timezone: {type: String, default: '' },
     cell_click_event: {type: Boolean, default: false },
     row_click_event: {type: Boolean, default: false },
@@ -992,7 +993,7 @@ dmx.Component('ag-grid', {
           headerCheckboxSelectionFilteredOnly: false,
           headerName: '',
           colId: 'checkboxColumn',
-          field: 'id', 
+          field: null, 
           filter: '',
           checkboxSelection: true,
           showDisabledCheckboxes: true,
@@ -1277,12 +1278,16 @@ dmx.Component('ag-grid', {
       window.addEventListener('scroll', function () {
         if (gridDiv.scrollTop >= (gridDiv.scrollHeight - gridDiv.clientHeight)) {
           const footerRow = document.querySelector('.ag-row-pinned');
+          const footerRowDiv = document.querySelector('.ag-floating-bottom.ag-selectable');
           if (footerRow) {
             footerRow.classList.remove('ag-row-pinned');
             footerRow.classList.add('ag-row-even');
             footerRow.style.position = 'fixed';
-            footerRow.style.bottom = '10px';
-            footerRow.style.paddingBottom = '27px'
+            footerRow.style.bottom = options.fixed_footer_bottom_padding+'px';
+            footerRow.style.borderTop = '1px solid #ccc';
+            footerRow.style.borderBottom = '1px solid #ccc';
+            footerRowDiv.style.height = '0px';
+            footerRowDiv.style.minHeight = '0px';
           }
           const bottomViewport = document.querySelector('.ag-floating-bottom-viewport');
           if (bottomViewport) {

package/package.json

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