Ant-design: scroll bar shows at any time

Created on 11 Jul 2017  ·  3Comments  ·  Source: ant-design/ant-design

Version

2.12.0

Environment

windows 7 , chrome 50

Reproduction link

https://ant.design/components/table-cn/#components-table-demo-fixed-header

Steps to reproduce

use fixed header table

What is expected?

donot show the gray arrows and scroll bar

What is actually happening?

scroll-y shows as long as using fixed header


workaroud i used https://github.com/initialdmg/ant-design/commit/d3beb3eaee4eecd72db16f60ebbf508123fd17db

❓FAQ 🙅🏻‍♀️ WON'T RESOLVE

Most helpful comment

See https://github.com/ant-design/ant-design/issues/4637

试过四种方式解决头部多余的 scrollbar,但是都会影响列的对齐或导致其他样式问题。


Tried four ways ot fix the extra scrollbar style of table header, but all would breaks column align or cause other strange issues.

All 3 comments

See https://github.com/ant-design/ant-design/issues/4637

试过四种方式解决头部多余的 scrollbar,但是都会影响列的对齐或导致其他样式问题。


Tried four ways ot fix the extra scrollbar style of table header, but all would breaks column align or cause other strange issues.

谢谢

You also want when changing styles of overflow to hidden to changes margin. This resolves issue of the table hiding part of the table.
.ant-table-fixed-header .ant-table-scroll .ant-table-header{ overflow: hidden !important; margin-bottom: 0px !important; }

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ryannealmes picture ryannealmes  ·  3Comments

drcmda picture drcmda  ·  3Comments

shivekkhurana picture shivekkhurana  ·  3Comments

alanwei0 picture alanwei0  ·  3Comments

PeteAndersen picture PeteAndersen  ·  3Comments