PrimeNG TurboTable 7.1.3默认分页行数显示异常求助

我来帮你梳理下这个问题——你遇到的界面显示默认5行但实际加载数据超过5的情况，核心原因是只配置了可选行数列表，但没正确设置初始每页行数的核心属性。下面是具体的调整步骤和注意事项：

• 必须显式设置rows属性为100
  rowsPerPageOptions只是提供给用户选择的分页选项列表，而表格默认加载的行数是由rows属性决定的。你可以直接在模板中绑定初始值，或者在组件里初始化对应的变量来支持后续修改：
  模板示例：

  <p-table 
    [value]="yourDataset" 
    [rows]="100" 
    [rowsPerPageOptions]="[5, 10, 20, 100]"
    [paginator]="true"
  >
    <!-- 你的表头、表体模板 -->
  </p-table>
  

  如果需要后续动态修改行数，推荐用变量绑定：

  // 组件类中初始化变量
  public currentRows = 100;
  

  模板里改成[rows]="currentRows"，之后只要修改currentRows的值，就能同步更新表格的每页行数。

• 检查异步数据加载的影响
  如果你是通过异步请求获取数据，要确保rows属性的初始化时机早于数据渲染，或者在数据加载完成后重新确认rows的值没有被意外覆盖。比如有些场景下，数据加载后表格可能会重置分页状态，这时候可以在数据订阅回调里再手动设置一次currentRows = 100。

• 排查是否有其他代码覆盖了行数设置
  检查组件的生命周期钩子（比如ngOnInit、ngAfterViewInit）或者其他业务方法中，有没有不小心将rows变量改成5的情况。尤其是如果之前默认值是5，修改配置时可能漏改了某个地方的赋值。

• 确认分页器的同步配置（如果单独使用）
  如果你是将p-paginator和表格分开使用的，要确保分页器的rows属性和表格的rows保持一致，比如：

  <p-paginator 
    [rows]="currentRows" 
    [totalRecords]="totalDataCount"
    [rowsPerPageOptions]="[5, 10, 20, 100]"
    (onPageChange)="onPageChange($event)"
  ></p-paginator>
  

  这样分页器的默认选中值才会和表格保持同步。

按照上面的步骤调整后，打开页面时表格应该会默认加载100行，并且支持通过下拉列表修改每页行数。

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