gpt4 book ai didi

reactjs - React下如何将Ant Design Table放置在父容器边界中?

转载 作者:行者123 更新时间:2023-12-03 13:50:06 25 4
gpt4 key购买 nike

我开发了一个 SPA 应用程序,我希望将表格放置在父元素边界中,但我无法设置显式高度。我可以设置表体的scroll.y,但结果总高度比标题高度大。我无法获取标题高度来计算所需的总高度。如何将表格放入父边界?

<div style={{ width: '100vw', height: '100vh'}}>
<Table scroll={{ y: '100%' }} style={{ width: '100%', height: '100%' }} pagination={false} columns={columns} dataSource={data} />

最佳答案

看起来这更像是 Ant 中的 CSS 问题,而不是错误。这是浏览器的限制。
尝试将 vh 单位与 calc 混合使用:

示例:

scroll={{ y: 'calc(100vh - 4em)' }}

Related Github discussion (需要翻译)

关于reactjs - React下如何将Ant Design Table放置在父容器边界中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50870807/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com