cats-data-grid 2.0.58 → 2.0.59

package/fesm2022/cats-data-grid.mjs

@@ -1302,10 +1302,10 @@ class CatsDataGridComponent {
         let result = structuredClone(this.originalRowData);
         this.colDefs.forEach((col) => {
             let field = col.fieldName;
-            if (field.includes('.')) {
-                const a = field.split('.');
-                field = a[0];
-            }
+            // if (field.includes('.')) {
+            //   const a = field.split('.');
+            //   field = a[0];
+            // }
             if (col?.filterable) {
                 if (col.filterType === 'text') {
                     // *********** TEXT FILTER ***********
@@ -1318,7 +1318,7 @@ class CatsDataGridComponent {
                     }
                     this.activeFilters.add(col.fieldName);
                     result = result.filter((r) => {
-                        const fieldVal = String(r[field]).toLowerCase();
+                        const fieldVal = this.evaluateFieldValue(r, field)?.toLowerCase() || '';
                         const cond1 = textVal1
                             ? this.evaluateTextFilterCondition(c1.filterOperation, fieldVal, textVal1)
                             : false;
@@ -1427,6 +1427,17 @@ class CatsDataGridComponent {
         this.getGroupedData();
         this.filter.emit(this.filteredData);
     }
+    evaluateFieldValue(row, field) {
+        if (field.includes('.')) {
+            const parts = field.split('.');
+            let value = row;
+            for (const part of parts) {
+                value = value?.[part];
+            }
+            return value;
+        }
+        return row[field];
+    }
     resetFilter(col) {
         switch (col.filterType) {
             case 'text':
@@ -2049,6 +2060,7 @@ class CatsDataGridComponent {
         const style = {
             width: `${col.width ?? 150}px`,
             minWidth: `${col.minWidth ?? 50}px`,
+            maxWidth: `${col.maxWidth}px`,
         };
         if (col.isAction) {
             style.position = 'sticky';