表格中行之间的空间 antd

我知道这个问题有很多答案,我尝试将它们应用到 ant design 中,但我找不到任何方法来解决它。

有没有一种已知的方法可以使用 antd table 在表中的行之间添加空格?

任何建议都会有帮助谢谢


九州编程
浏览 172回答 4
4回答

回首忆惘然

.ant-table table { border-spacing: 0 10px; }

婷婷同学_

您可以使用<Space size={size}/>大小是放置元素之间距离的方式,文档 -&nbsp;https://ant.design/components/space/如果你添加对齐,方向 - 它会满足你的每一个需要

慕勒3428872

你可以尝试类似的东西border-spacing: 0 8px;。

当年话下

我认为它不打算在 ant-design 中的表格行中添加装订线。考虑构建一个网格而不是一个表,然后将 eg 添加<Row gutter={3}>到其中。对于第一行,您可以分配一个使其看起来像表头的类名。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript