NgZorro nz-table组件虚拟滚动与自动列宽协同配置问题求助
NgZorro nz-table组件虚拟滚动与自动列宽协同配置问题求助
我最近在配置NgZorro的nz-table时碰到了个棘手的问题:列宽自适应、横向滚动和纵向滚动这三个特性总是没法正常协同工作。我拿不准这是组件库本身的限制,还是我自己没摸透表格的正确配置逻辑。
我想要实现的表格效果是这样的:
- 列宽能根据内容自动调整
- 表格整体被限制在视口范围内,不会超出边界
- 当表格内容过多时,能单独进行纵向和/或横向滚动,而且滚动操作不会把应用里的其他元素带出视野
我试了这样的配置(只要给y设置固定值好像就会出问题):
<nz-table [...] [nzScroll]="{ x: 'auto', y: '240px' }"></nz-table>
结果表格的表现完全不符合预期,出现了异常的布局问题。
我还基于nz-table官方文档里的示例做了一点修改,完美复现了我在实际项目中遇到的这个问题。
内容来源于stack exchange
相关产品推荐
相关产品推荐

