antd 表中的行之间的空间

Posted

技术标签:

【中文标题】antd 表中的行之间的空间【英文标题】:space between rows in a table antd 【发布时间】: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/

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

【讨论】:

以上是关于antd 表中的行之间的空间的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Postgres 中的一个表中的行之间进行划分

大表中的行之间的时间差

Hotmail 和 Gmail 中的时事通讯 html 表中的行之间的间距

根据antd表中的数据默认选择表行

页面重新加载后如何保持在反应(antd)表中的同一页面

在html表中的两个字段之间画线?