Ant Design 如何让卡片填满 Grid Row 的整个高度?

How to make card fill the entire height of a Grid Row in Ant Design?

我正在尝试使右侧 Ant Design 卡片的高度与左侧 Ant Design 卡片的高度匹配:

https://codesandbox.io/s/ant-design-start-forked-wy6z3?file=/index.js

我可以使用 div 轻松完成,但由于某些原因我不能使用卡片。感谢您的帮助,因为我觉得我已经尝试了一切!

您正在更改卡片的 body 而不是卡片容器。

而不是 bodyStyle={{ height: "100%" }} 使用 style={{ height: "100%" }}

  • bodyStyle:改变正文内容
  • 样式:改变整个卡片容器
  • headStyle:改变页眉内容