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 表中的行之间的空间的主要内容,如果未能解决你的问题,请参考以下文章