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.
      StickyText
      1. Yes
      2. No
      CollapsibleText
      1. Yes
      2. No
      Start collapsedTextOnly 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