table如何适配不同分辨率

发布于 2022-09-12 02:41:06 字数 419 浏览 13 评论 0

antd的table组件在不同分辨率的屏幕下如何更好的适配
这是在mac正常分辨率下显示是正常的
image.png

但是在低点的分辨率下,比如1024下就这样了,内容都挤换行了
image.png

我想让它不换行,想了想只能通过设置横向滚动条。但是又想在分辨率大的情况下不去设置显示滚动条,在低分辨率下显示出滚动条。
我想了两个办法:
1、在媒体查询判断,在低分辨率下设置横向滚动,让整个tbody都这样滚动
2、给columns固定两列
感觉这两方式都不太好,一般好像不去做整个tbody的横向滚动,但是固定列的话,也不太好,在高分辨率下显示有点问题

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

不语却知心 2022-09-19 02:41:06

一般方案都是设置width + fixed固定列吧

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文