fix(Table): Hide header extra scrollbar control

[afc163]

🤔 This is a ...

• New feature
• Bug fix
• Site / document update
• Component style update
• TypeScript definition update
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Other (about what?)

👻 What's the background?

close #4637
close #14211
close #10796

在 #4637 (comment) 里尝试过四种方法解决这个问题，然而当时都引起了其他问题，于是放弃了修复。

💡 Solution

2018 年有人回复方法四可以解决（实际上还是不行，会引发 #4936），继续这个方案，依据 https://stackoverflow.com/a/23200767 更换为 background-color: transparent，并根据 https://stackoverflow.com/a/54101063 解决了 Firefox 下的问题。

这个方案依旧会引起的 #4936 问题，原因是给滚动条设置背景色（或修改透明度）会影响滚动条宽度的计算，在 react-component/table#333 里进行了针对性处理。

📝 Changelog

Language	Changelog
🇺🇸 English	Fixed Table header extra vertical scrollbar problem.
🇨🇳 Chinese	修复 Table 头部多余的垂直滚动条样式。

☑️ Self Check before Merge

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[buildsize]

File name	Previous Size	New Size	Change
package-lock.json	823.28 KB	824.36 KB	1.08 KB (0%)

[codecov]

Codecov Report

Merging #16950 into master will decrease coverage by 0.04%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master   #16950      +/-   ##
==========================================
- Coverage      96%   95.96%   -0.05%     
==========================================
  Files         263      263              
  Lines        7335     7335              
  Branches     2007     2046      +39     
==========================================
- Hits         7042     7039       -3     
- Misses        291      294       +3     
  Partials        2        2

Impacted Files	Coverage Δ
components/_util/wave.tsx	85.84% <0%> (-2.84%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update c2b1384...f1c43c1. Read the comment docs.

[yoyo837]

Mac 上固定内容高滚动，header好像还有点问题

[afc163]

@yoyo837 有重现么

[yoyo837]

@afc163 我上codesandbox开一个试试...

[yoyo837]

https://ant.design/components/table-cn/#components-table-demo-fixed-header 的 demo 加个 bordered 就出来了

[yoyo837]

如果全部加上width，则错位

[crazyair]

为什么我这里 ie 的列头还有滚动条，最新版的 antd

[afc163]

@qq645381995 给在线演示

[crazyair]

@afc163 做了半天排除法，确定了是重置样式 @line-height-base : 1.6; 改成了 1.6 的原因，这个是因为什么问题呢？
table 要没有数据才能出现滚动条

就是改成 1.6 就出现滚动条

[crazyair]

@afc163 #17175 提了个 issue