You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

NgZorro nz-table组件虚拟滚动与自动列宽协同配置问题求助

NgZorro nz-table组件虚拟滚动与自动列宽协同配置问题求助

我最近在配置NgZorro的nz-table时碰到了个棘手的问题:列宽自适应、横向滚动和纵向滚动这三个特性总是没法正常协同工作。我拿不准这是组件库本身的限制,还是我自己没摸透表格的正确配置逻辑。

我想要实现的表格效果是这样的:

  • 列宽能根据内容自动调整
  • 表格整体被限制在视口范围内,不会超出边界
  • 当表格内容过多时,能单独进行纵向和/或横向滚动,而且滚动操作不会把应用里的其他元素带出视野

我试了这样的配置(只要给y设置固定值好像就会出问题):

<nz-table [...] [nzScroll]="{ x: 'auto', y: '240px' }"></nz-table>

结果表格的表现完全不符合预期,出现了异常的布局问题。

我还基于nz-table官方文档里的示例做了一点修改,完美复现了我在实际项目中遇到的这个问题。

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.07 10:52:59