表格中行之间的空间 antd

Question

我知道这个问题有很多答案，我尝试将它们应用到 ant design 中，但我找不到任何方法来解决它。有没有一种已知的方法可以使用 antd table 在表中的行之间添加空格？任何建议都会有帮助谢谢

Answer 1

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




Answer 2

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

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

如果你添加对齐，方向 - 它会满足你的每一个需要

Answer 3

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

Answer 4

我认为它不打算在 ant-design 中的表格行中添加装订线。考虑构建一个网格而不是一个表，然后将 eg 添加<Row gutter={3}>到其中。对于第一行，您可以分配一个使其看起来像表头的类名。