Primeng表格冻结列在p-dialog中失效，外部使用正常

核心原因 #

p-dialog属于动态渲染组件，打开时DOM尚未完成尺寸布局，而p-table的冻结列功能依赖初始化时的容器/表格尺寸计算，导致布局逻辑出错。

解决方案 #

1. 对话框显示后手动触发表格重绘

在p-dialog的show事件中，通过$nextTick确保DOM渲染完成，再调用表格内置方法重新计算冻结列布局：

<p-dialog @show="handleDialogShow">
  <p-table ref="frozenTable" :value="tableData" frozenColumns="1">
    <!-- 列定义 -->
    <template #header>
      <tr>
        <th>冻结列</th>
        <th>普通列1</th>
        <th>普通列2</th>
      </tr>
    </template>
    <template #body="props">
      <tr>
        <td>{{ props.item.frozenCol }}</td>
        <td>{{ props.item.col1 }}</td>
        <td>{{ props.item.col2 }}</td>
      </tr>
    </template>
  </p-table>
</p-dialog>

<script setup>
import { ref, nextTick } from 'vue';

const frozenTable = ref(null);
const tableData = ref([/* 你的数据 */]);

const handleDialogShow = async () => {
  await nextTick();
  if (frozenTable.value) {
    // 触发表格刷新，重新计算冻结列
    frozenTable.value.refresh();
    // 若refresh不生效，可尝试调用冻结列专属调整方法
    frozenTable.value.adjustFrozenColumns();
  }
};
</script>

2. 为对话框指定固定宽度

避免对话框自适应宽度导致表格初始化时尺寸不确定，直接给p-dialog设置固定宽度：

<p-dialog style="width: 900px;" :visible="dialogVisible">
  <p-table :value="tableData" frozenColumns="2">
    <!-- 列定义 -->
  </p-table>
</p-dialog>

3. 临时禁用对话框动画（排查用）

对话框的过渡动画可能干扰DOM尺寸计算，临时关闭动画验证是否是动画导致的问题：

<p-dialog :showTransition="false" :hideTransition="false" :visible="dialogVisible">
  <p-table :value="tableData" frozenColumns="1">
    <!-- 列定义 -->
  </p-table>
</p-dialog>

如果禁用动画后功能恢复，说明是动画延迟了DOM就绪时机，结合方案1的nextTick即可解决。

4. 给表格列设置明确宽度

确保冻结列和普通列都配置固定宽度，避免自适应宽度在对话框内计算错误：

<p-table :value="tableData" frozenColumns="1">
  <template #header>
    <tr>
      <th style="width: 150px;">冻结列</th>
      <th style="width: 200px;">普通列1</th>
      <th style="width: 200px;">普通列2</th>
    </tr>
  </template>
  <template #body="props">
    <tr>
      <td style="width: 150px;">{{ props.item.frozenCol }}</td>
      <td style="width: 200px;">{{ props.item.col1 }}</td>
      <td style="width: 200px;">{{ props.item.col2 }}</td>
    </tr>
  </template>
</p-table>

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