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
fix: Table scroll.x max-content not working in Chrome #19284
Conversation
Deploy preview for ant-design ready! Built with commit dd51adf |
Codecov Report
@@ Coverage Diff @@
## master #19284 +/- ##
==========================================
- Coverage 97.78% 97.78% -0.01%
==========================================
Files 282 282
Lines 7625 7624 -1
Branches 2144 2097 -47
==========================================
- Hits 7456 7455 -1
Misses 169 169
Continue to review full report at Codecov.
|
这个版本的更新导致了table设置宽度失败啊 |
@huyingjian888 给个重现。 |
我代码里设置了scroll={{x: 1200}},里面table.columns设置宽度总长超过1200的时候,导致里面所有表格宽度设置失效,表格变形,以前版本也这么设置不会有问题 |
去掉属性scroll={{x: xxxx}}又恢复正常 |
给在线demo吧 |
antd版本:3.24.3 |
@afc163 This commit has broken scrollable tables with long texts in expanded rows. Best combined behavior for big tables on small screens is in 3.23.2. After that it's not optimal at all. |
"antd": "3.26.12",在ie11下,table设置 scroll={{x:'max-content'}},无论column总宽度为多少,总会出现导致横向滚动出现 |
🤔 This is a ...
🔗 Related issue link
react-component/table#378
💡 Background and solution
Reproduce link:
❌ 3.24.0:https://codesandbox.io/s/unruffled-pine-9q76y
✅ 3.23.6:https://codesandbox.io/s/crazy-water-vyiii
to
📝 Changelog
scroll={{ x: 'max-content' }}
rendered without scrollbar problem in Chrome.scroll.x
设置max-content
失效导致横向滚动失效的问题。☑️ Self Check before Merge
View rendered components/table/demo/grouping-columns.md