Fixed #1259 - Filter column is not frozen

src/components/datatable/HeaderCell.vue

@@ -165,6 +165,13 @@ export default {
                     }
                     this.styleObject.left = left + 'px';
                 }
+
+                let filterRow = this.$el.parentElement.nextElementSibling;
+                if (filterRow) {
+                    let index = DomHandler.index(this.$el);
+                    filterRow.children[index].style.left = this.styleObject.left;
+                    filterRow.children[index].style.right = this.styleObject.right;
+                }
             }
         },
         onHeaderCheckboxChange(event) {

src/components/datatable/TableHeader.vue

@@ -120,7 +120,9 @@ export default {
             return col.props ? ((col.type.props[prop].type === Boolean && col.props[prop] === '') ? true : col.props[prop]) : null;
         },
         getFilterColumnHeaderClass(column) {
-            return ['p-filter-column', this.columnProp(column, 'filterHeaderClass'), this.columnProp(column, 'class')];
+            return ['p-filter-column', this.columnProp(column, 'filterHeaderClass'), this.columnProp(column, 'class'), {
+                'p-frozen-column': this.columnProp(column, 'frozen')
+            }];
         },
         getFilterColumnHeaderStyle(column) {
             return [this.columnProp(column, 'filterHeaderStyle'), this.columnProp(column, 'style')];

src/components/treetable/HeaderCell.vue

@@ -79,6 +79,13 @@ export default {
                     }
                     this.styleObject.left = left + 'px';
                 }
+
+                let filterRow = this.$el.parentElement.nextElementSibling;
+                if (filterRow) {
+                    let index = DomHandler.index(this.$el);
+                    filterRow.children[index].style.left = this.styleObject.left;
+                    filterRow.children[index].style.right = this.styleObject.right;
+                }
             }
         },
         onClick(event) {