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

Scrollbar in Table Header in IE11 when scroll y value is set in Table #18879

Closed
1 task done
bbomega opened this issue Sep 18, 2019 · 10 comments
Closed
1 task done

Scrollbar in Table Header in IE11 when scroll y value is set in Table #18879

bbomega opened this issue Sep 18, 2019 · 10 comments

Comments

@bbomega
Copy link

bbomega commented Sep 18, 2019

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

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Load up a Table and make sure the scroll attribute is filled with the y value.

e.g. <Table columns={columns} dataSource={data} scroll={{ x: 1300, y: 1000 }} />

What is expected?

The Table Header has no scrollbar

What is actually happening?

The Table Header has a scrollbar

Environment Info
antd 3.23.3
React 16.8
System Windows 10
Browser Internet Explorer 11
@afc163
Copy link
Member

afc163 commented Sep 18, 2019

Could you provide screenshot of it?

@bbomega
Copy link
Author

bbomega commented Sep 19, 2019

On Chrome
Screenshot 2019-09-18 at 5 01 57 PM

On IE11
Screenshot 2019-09-18 at 5 01 40 PM

@afc163
Copy link
Member

afc163 commented Sep 19, 2019

Could you provide a reproduce demo, because codesandbox cannot work in IE11.

@caowenhai888
Copy link

我也有相同的问题 table 设置 y轴滚动的时候错位

@caowenhai888
Copy link

chrome 也是如此

@bbomega
Copy link
Author

bbomega commented Sep 23, 2019

Sorry that it took a while but I made a repo that showcases the issue in IE11:
https://github.com/bbomega/antd-18879-ie11-scrollbar-in-table-header-y-val-set

ie11

It also shows up on Microsoft Edge.
edge

@yoyo837
Copy link
Contributor

yoyo837 commented Sep 23, 2019

@bbomega
Copy link
Author

bbomega commented Nov 6, 2019

Currently solved with

.ant-table-header {
  overflow-y: auto !important;
}

@fgblomqvist
Copy link

What's the status of this issue? Seems like something fairly simple to fix?

@afc163
Copy link
Member

afc163 commented Feb 20, 2021

See #6800 (comment)

@afc163 afc163 closed this as completed Feb 20, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

8 participants