empty content placeholder of table with nzScroll directive in a modal is not centered

[reallyimeric]

Reproduction link

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

Steps to reproduce

1. press button to open the modal

What is expected?

the placeholder is visually centered

What is actually happening?

it's not centered

Environment	Info
ng-zorro-antd	9.2.2
Browser	Firefox 78.0.1 linux 64bit

---

there were some other similar issues with table column width and they has already get fixed (https://github.com/NG-ZORRO/ng-zorro-antd/pull/5437/commits)

placeholder width changed after the containing modal open again

[vthinkxie]

Hi @reallyimeric
you can use modal component to skip this bug now, we will try to fix it ASAP

[werts]

Even if use compoent instead,the bug still here

[wenqi73]

https://stackblitz.com/edit/nz-table-in-modal?file=src/app/app.component.ts Use modal service also has the bug, it will be right after resizing the window.

[wenqi73]

@reallyimeric This is due to the animation, you need to cancel the animation:

 <nz-modal nzNoAnimation>...</nz-modal>

or

modalService.create({
  nzNoAnimation: true
})

[zzzMaple]

It works, thanks a lot

[xiexumei]

Are there other solutions?

[eggx8]

THX a lot

[alvaromldev]

Any workaround or alternative solution to keep the modal animation?