ng-zorro-antd icon indicating copy to clipboard operation
ng-zorro-antd copied to clipboard

nz-table 使用 nzScroll, 页面宽度拖动变化时,列宽变大后不变小

Open liwei511 opened this issue 5 years ago • 4 comments

Reproduction link

https://stackblitz.com/edit/angular-qessbn?file=src/app/app.component.ts

Steps to reproduce

左右推动页面宽度,使页面宽度超出nzScroll设置的x值,继续拖宽, 然后回缩。 "列宽无变化, 始终保持列最大宽度"。似乎是拖动页面宽度导致nzScroll设置的x值变了。

What is expected?

拖动窗口,使宽度大小变化,超出nzScroll设置的x值,再缩小。 仍保持nzScroll设置的x值

What is actually happening?

拖动窗口,使宽度大小变化,超出nzScroll设置的x值,再缩小。 列宽没有缩小

Environment Info
ng-zorro-antd 9.3.0
Browser chrome 84

官方例子: https://ng.ant.design/components/table/zh#components-table-demo-fixed-columns

liwei511 avatar Aug 24 '20 03:08 liwei511

image image

liwei511 avatar Aug 24 '20 03:08 liwei511

本人口才有限, 请参考图片。 左右拖动超过nzScroll.x设置的值再回缩, 就可看到效果。列宽没有复原

liwei511 avatar Aug 24 '20 03:08 liwei511

image 我也有遇到这个问题,这个问题其实是table-layout的问题,只要设置为fixed都会这样,这个和原生的表格布局的渲染有关,然后我是在宽度变更的时候通过延迟处理这个table-layout解决的,楼主可以是试试

linwrui avatar Sep 07 '20 07:09 linwrui

image 我也有遇到这个问题,这个问题其实是table-layout的问题,只要设置为fixed都会这样,这个和原生的表格布局的渲染有关,然后我是在宽度变更的时候通过延迟处理这个table-layout解决的,楼主可以是试试

我也遇到这个问题,试了你这个方法,还是不行,只要拖动表格的宽度超过了滚动x轴的宽度,再收缩表格宽度,滚动x轴的宽度还是会等于最大收缩前的宽度,尝试把最大宽度也改了还是不起效。

MrCodeFront avatar Jun 25 '22 04:06 MrCodeFront