Primeng表格按回车隐藏ColumnFilter的实现方案咨询

我在PrimeNG表格中添加了带输入框的列过滤器，需求是输入框获焦时按下回车键，隐藏对应的ColumnFilter。尝试重写ColumnFilterFormElement的onTextInputEnterKeyDown方法，但方法内的this指向当前ColumnFilterFormElement，它的私有属性colFilter无法直接用来实现隐藏。

以下是几种可行的实现方式：

方法一：DOM遍历定位过滤器容器并隐藏 #

绕过私有属性限制，通过DOM元素向上查找对应过滤器的容器，直接修改其显示状态，或者调用表格实例的隐藏方法：

ColumnFilterFormElement.prototype.onTextInputEnterKeyDown = function (e: any) {
    e.preventDefault();
    // 找到当前输入框所属的列过滤器容器
    const filterContainer = e.target.closest('.p-column-filter');
    if (!filterContainer) return;

    // 方式1：直接隐藏容器
    filterContainer.style.display = 'none';

    // 方式2：调用表格实例的hideFilter方法（更符合PrimeNG逻辑）
    const tableEl = filterContainer.closest('.p-table');
    if (tableEl?.__primeng_table_instance) {
        const field = filterContainer.getAttribute('data-field');
        tableEl.__primeng_table_instance.hideFilter(field);
    }
};

方法二：类型断言访问私有属性（不推荐但快捷） #

如果确认colFilter是父级ColumnFilter实例，可以通过类型断言绕过TypeScript的私有属性检查，调用其内置的隐藏方法：

ColumnFilterFormElement.prototype.onTextInputEnterKeyDown = function (e: any) {
    e.preventDefault();
    // 绕过私有属性访问限制
    const colFilter = (this as any).colFilter;
    if (!colFilter) return;

    // 如果是内嵌式过滤器，调用hide方法
    if (colFilter.hide) colFilter.hide();
    // 如果是弹出式（overlay）过滤器，关闭overlay
    if (colFilter.overlay) colFilter.overlay.hide();
};

方法三：自定义过滤器模板（最稳妥的方案） #

不修改原型，直接自定义列过滤器的模板，给输入框绑定回车事件，通过表格实例控制过滤器显示：

<p-table #table [columns]="cols" [value]="data">
    <ng-template pTemplate="header" let-columns>
        <tr>
            <th *ngFor="let col of columns">
                {{ col.header }}
                <p-columnFilter [field]="col.field" matchMode="contains">
                    <ng-template pTemplate="filter" let-filter let-col="column">
                        <input 
                            type="text" 
                            pInputText 
                            [(ngModel)]="filter.value" 
                            (keydown.enter)="$event.preventDefault(); table.hideFilter(col.field)"
                        />
                    </ng-template>
                </p-columnFilter>
            </th>
        </tr>
    </ng-template>
    <!-- 表格内容模板 -->
</p-table>

内容的提问来源于stack exchange，提问作者hemmoleg