Skip to content

Column

A layout component that organises 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.
StickyText
  • Yes
  • No
CollapsibleText
  • Yes
  • No
Start collapsedTextOnly applied when the column is collapsible.
  • Yes
  • 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.

python
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