PrimeNG TreeTable：设置冻结列行高与滚动列行高一致

核心方案：用CSS统一行高规则 #

PrimeNG TreeTable的冻结列和滚动列行高不同，本质是两者的表格布局、行高样式被单独限制了。直接通过CSS强制统一规则即可，无需复杂DOM操作：

/* 让冻结列、滚动列的行高自适应内容 */
.p-treetable-frozen-body .p-treetable-row,
.p-treetable-scrollable-body .p-treetable-row {
    height: auto !important;
    vertical-align: top; /* 确保内容对齐方式一致 */
}

/* 取消固定表格布局，让列宽、行高随内容动态调整 */
.p-treetable-frozen-table,
.p-treetable-scrollable-table {
    table-layout: auto !important;
}

动态场景补充：数据更新后的行高同步 #

如果表格数据是异步加载或动态修改的，可触发Angular变更检测确保样式生效：

在组件中注入ChangeDetectorRef，数据加载完成后调用检测：

import { ChangeDetectorRef } from '@angular/core';

constructor(private cdr: ChangeDetectorRef) {}

loadTreeData() {
    // 模拟异步数据加载
    this.dataApi.fetchTreeData().subscribe(res => {
        this.treeTableData = res;
        // 触发变更检测，让样式应用到新渲染的行
        this.cdr.detectChanges();
    });
}

为什么你之前的方法失效 #

手动在ngAfterViewInit遍历DOM修改行高，不仅时机滞后（PrimeNG表格布局尚未完全初始化），还会破坏组件内部的布局逻辑，导致冻结列错乱消失。用CSS统一样式是最稳妥的方案，完全贴合PrimeNG的组件设计逻辑。

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