@cdmx/wappler_ag_grid 1.8.14 → 1.8.16

package/app_connect/components.hjson

@@ -3041,6 +3041,15 @@
             }
           ]
         },
+        {
+          addTitle: 'Destroy',
+          title : 'Destroy',
+          name : 'destroyGrid',
+          icon : 'fa fa-lg fa-trash',
+          state : 'opened',
+          help: 'Destroy the AG Grid',
+          properties : []
+        },
         {
           addTitle: 'Export',
           title: 'Export',

package/dmx-ag-grid.js

@@ -278,6 +278,12 @@ dmx.Component('ag-grid', {
       this.set('gridInstance', gridInstance);
       }, this);
     },
+    destroyGrid: function () {
+      dmx.nextTick(function() {
+      var gridInstance = this.get('gridInstance');
+      if (gridInstance) gridInstance.destroy();
+      }, this);
+    },
     exportGrid: function (Csv, Pdf) {
       // Default Csv to true if both Csv and Pdf are false
       if (!Csv && !Pdf) {
@@ -461,7 +467,7 @@ dmx.Component('ag-grid', {
     const cwidths = this.props.cwidths
     const ctypes = this.props.ctypes
     if (!this.$node || !rowData || rowData.length === 0) {
-      console.error('No row data provided.');
+      console.error('No row data provided.')
       return;
     }
     let gridInstance = this.get('gridInstance') ? this.get('gridInstance') : null;
@@ -2261,11 +2267,15 @@ dmx.Component('ag-grid', {
       }
       
         /* Ensure to/from, next/previous are visible */
-        .ag-paging-row-summary-panel,
+        .ag-paging-row-summary-panel {
+          display: inline-block;
+            width: 100%; /* Ensure it takes full width */
+            justify-content: space-between;
+            text-align: center;
+        }
         .ag-paging-page-summary-panel {
-            display: inline-block;
+            display: flex;
             width: 100%; /* Ensure it takes full width */
-            flex-wrap: wrap;
             justify-content: space-between;
             text-align: center;
         }
@@ -2274,7 +2284,7 @@ dmx.Component('ag-grid', {
 
     const paginationPanelStyle = document.createElement('style');
     paginationPanelStyle.innerHTML = paginationPanelCss;
-    document.appendChild(paginationPanelStyle);
+    document.head.appendChild(paginationPanelStyle);
 
     // Return grid instance
     return gridInstance;

package/package.json

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