Menu
I use Ant Design in my react project. When I use the Row, I want all the columns in the Row have the same height.
What happens now:
What I expect:
Do you guys have any idea how to do it?
288
You also achieve it using Flexbox ( <Row type="flex"> ), with align-items: center for the row.
Grid Gutter. You can use the gutter property of Row as grid spacing, we recommend set it to (16 + 8n) px ( n stands for natural number). You can set it to a object like { xs: 8, sm: 16, md: 24, lg: 32 } for responsive design.
Just add a From To column with a custom render function, and set the responsive property on that column to only show on xs screens. The From and To columns will have the responsive property set to show on md and above.
With a fluid, responsive UI, clean design language, and also visualization support through AntV, Ant Design is surely on the way to grab a huge chunk of the market share when it comes to Industry grade dashboards.
Seems type="flex" is no longer supported.
I've just set height="100%" to Col's first child.
90
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
