@cdmx/wappler_ag_grid 0.9.4 → 0.9.5

package/app_connect/components.hjson

@@ -2057,7 +2057,7 @@
           "attribute": "pagination_page_size",
           "isValue": true,
           "dataBindings": true,
-          "title": "Pagination Page Size:",
+          "title": "Pagination Page Size",
           "type": "text",
           "help": "Pagination Page Size.",
           "defaultValue": "",
@@ -2068,6 +2068,40 @@
         "dmx-ag-grid": true
       }
     },
+    {
+      "name": "dmx-ag-grid-floating-filter",
+      "attributeStartsWith": "dmx-bind",
+      "attribute": "floating_filter",
+      "title": "Floating Filter",
+      "type": "boolean",
+      "display": "fieldset",
+      "icon": "fa fa-lg fa-chevron-right",
+      "groupTitle": "Grid Config",
+      "groupIcon": "fa fa-lg fa-cubes",
+      "defaultValue": false,
+      "show": [
+        "floatingFilters"
+      ],
+      "noChangeOnHide": true,
+      "groupEnabler": true,
+      "children": [
+        {
+          "name": "floatingFilters",
+          "attributeStartsWith": "dmx-bind",
+          "attribute": "floating_filter",
+          "isValue": true,
+          "dataBindings": true,
+          "title": "Floating Filter",
+          "type": "text",
+          "help": "Show/Hide FLoating Filters",
+          "defaultValue": "",
+          "initDisplay": "none"
+        }
+      ],
+      "allowedOn": {
+        "dmx-ag-grid": true
+      }
+    },
     {
       "name": "dmx-ag-grid-locale",
       "attributeStartsWith": "dmx-bind",

package/dmx-ag-grid.js

@@ -1081,11 +1081,11 @@ dmx.Component('ag-grid', {
       rowStyle: enableRowClickEvent || enableCellClickEvent ? { cursor: 'pointer' } : undefined,
       defaultColDef: {
         flex: 1,
-        minWidth: this.props.min_width,
-        resizable: this.props.resizable,
-        filter: this.props.filter,
-        sortable: this.props.sortable,
-        floatingFilter: this.props.floating_filter
+        minWidth: options.min_width,
+        resizable: options.resizable,
+        filter: options.filter,
+        sortable: options.sortable,
+        floatingFilter: options.floating_filter
       },
       domLayout: this.props.dom_layout,
       enableCellTextSelection: true,
@@ -1261,7 +1261,7 @@ dmx.Component('ag-grid', {
         const topbar = document.querySelector('.' + options.topbar_class);
         const topbarHeight = (topbar ? topbar.getBoundingClientRect().height : 0) + options.fixed_top_offset;
         const headerPos = (topbar ? topbar.getBoundingClientRect().bottom : 0) + options.fixed_header_offset;
-        if (window.pageYOffset > headerPos) {
+        if (window.scrollY > headerPos) {
           header.style.position = 'fixed';
           header.style.top = `${topbarHeight}px`;
           header.style.zIndex = '1';

package/package.json

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