How to Maintain Consistent Column Heights in UI.Card #3095
Unanswered
happybeginning1
asked this question in
Q&A
Replies: 1 comment
-
Hi @happybeginning1, The "items-stretch" class is the key. Here is a simplified example of your code: with ui.row(wrap=False).classes('w-full items-stretch'):
with ui.card().tight().classes('w-full'):
ui.label('Title').classes('bg-green-700 p-1.5 m-0.5')
with ui.card_section().classes('w-full'):
for _ in range(5):
with ui.row().classes('justify-between'):
ui.label('I am the text')
ui.label('first ele, second')
with ui.card().tight().classes('w-full'):
ui.label('Title').classes('bg-green-700 p-1.5 m-0.5')
with ui.card_section().classes('w-full'):
ui.label()
with ui.card().tight().classes('w-full'):
ui.label('Title').classes('bg-green-700 p-1.5 m-0.5')
with ui.card_section().classes('w-full'):
for _ in range(3):
with ui.row().classes('justify-between'):
ui.label('I am the text')
ui.label('first ele, second') |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Question
For the following code:
Is there a way to keep the heights of the three columns consistent (i.e., make the height of each ui.card_section equal to the tallest one)? Thank you!
Beta Was this translation helpful? Give feedback.
All reactions