Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

固定表头的表格,在FireFox下出现不对齐问题 #579

Closed
1 task done
wshsm1 opened this issue Mar 14, 2019 · 6 comments
Closed
1 task done

固定表头的表格,在FireFox下出现不对齐问题 #579

wshsm1 opened this issue Mar 14, 2019 · 6 comments
Assignees
Labels

Comments

@wshsm1
Copy link

wshsm1 commented Mar 14, 2019

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.3.5

Environment

FireFox v65

Reproduction link

https://vue.ant.design/components/table-cn/#%E5%9B%BA%E5%AE%9A%E8%A1%A8%E5%A4%B4

Steps to reproduce

官方DEMO页面
https://vue.ant.design/components/table-cn/#%E5%9B%BA%E5%AE%9A%E8%A1%A8%E5%A4%B4

What is expected?

期望展示正常

What is actually happening?

表头下多了一小行,导致很多地方不对齐

@tangjinzhou
Copy link
Member

image

没能复现你的问题

@wshsm1
Copy link
Author

wshsm1 commented Mar 19, 2019

图片
麻烦看下,我是win10环境,我们这边所有开发人员的FireFox最新版本都会有这个问题,我估计跟滚动条的宽度有关。1.3.7版本解决了表头的滚动条,但是依然不对齐

@wshsm1
Copy link
Author

wshsm1 commented Mar 19, 2019

你们是用苹果的系统,估计滚动条比较细所以没这个问题

@wshsm1
Copy link
Author

wshsm1 commented Mar 19, 2019

react版本没有这个问题
图片

@sendya
Copy link
Member

sendya commented Mar 19, 2019

的确有这个问题,看起来像是这个 padding-bottom: 20px 引起的。
但是去除 .ant-table-header 的 overflow: scroll; 就正常了

20190319141137

20190319141249

20190319141321

另外,在 react 版本中,对 固定头和列 有进行特殊处理,覆盖了下方样式 @tangjinzhou

margin-bottom: -17px;
padding-bottom: 0px;

5

而且我还发现,react ant design 的这个固定表头,也歪了 :)

@github-actions
Copy link

github-actions bot commented Apr 8, 2020

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Apr 8, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

3 participants