A layout component that organizes its child components in columns. Must be inside a Column Container component.

Fields

NameTypeDescriptionOptions
TitleText--
Width (factor)NumberRelative size when compared to other columns in the same container. A column of width 2 will be double the width of one with width 1.-
StickyBoolean-
  1. Yes
  2. No
CollapsibleBoolean-
  1. Yes
  2. No
Start collapsedBooleanOnly applied when the column is collapsible.
  1. Yes
  2. No
SeparatorColor--
PaddingPadding--
Content alignment (H)Align (H)--
Content alignment (V)Align (V)--
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.-

Low code usage

This component can be declared directly in Python, using backend-driven UI.

ui.Column(content={
        "title": "", # str 
        "width": 0.0, # Union[float, str] 
        "isSticky": "no", # str [yes, no]
        "isCollapsible": "no", # str [yes, no]
        "startCollapsed": "no", # str [yes, no]
        "separatorColor": "", # str 
        "contentPadding": "", # str 
        "contentHAlign": "", # str 
        "contentVAlign": "", # str 
        "cssClasses": "", # str 
    }
)

Reference