antd 表中的行之间的空间

【问题标题】：space between rows in a table antdantd 表中的行之间的空间
【发布时间】：2020-11-30 04:57:29
【问题描述】：

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

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

任何建议都会有所帮助谢谢

【问题讨论】：

【解决方案1】：

我认为它不打算在 ant-design 的 tablerows 中添加排水沟。考虑构建一个网格而不是一个表格，然后添加例如<Row gutter={3}> 给它。对于第一行，您可以指定一个类名，使其看起来像一个表头。

【讨论】：

【解决方案2】：

你可以试试border-spacing: 0 8px;。

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

你可以使用<Space size={size}/>

size 是放置元素之间距离的方式，文档 - https://ant.design/components/space/

如果您添加对齐、方向 - 它会满足您的所有需求

【讨论】：