Data and collections Native Qt

Horizontal Header

Horizontal Header is a native Zui component in the data and collections catalog, with 17 component-specific properties.

Usage

Ruby example

Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.

Ruby

horizontal_header ["Name", "Status", "Updated"], section_width: 180, clickable: true

API

Component properties

17 component-specific values, plus shared item and layout properties.

sectionsSections configuration for Horizontal Header.property

current_indexCurrent index configuration for Horizontal Header.property

section_widthSection width configuration for Horizontal Header.property

heightHeight configuration for Horizontal Header.property

spacingSpacing configuration for Horizontal Header.property

movableMovable configuration for Horizontal Header.property

clickableClickable configuration for Horizontal Header.property

sort_indexSort index configuration for Horizontal Header.property

sort_orderSort order configuration for Horizontal Header.property

backgroundBackground configuration for Horizontal Header.property

selected_backgroundSelected background configuration for Horizontal Header.property

foregroundForeground configuration for Horizontal Header.property

selected_foregroundSelected foreground configuration for Horizontal Header.property

border_colorBorder color configuration for Horizontal Header.property

font_familyFont family configuration for Horizontal Header.property

font_sizeFont size configuration for Horizontal Header.property

visibleVisible configuration for Horizontal Header.property

Show 15 shared item properties

enabledopacityscalerotationzwidthfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment

Interaction

Events

Subscribe with on widget, :event and keep behavior in Ruby.

↗clickNative event payload

↗moveNative event payload

↗sortNative event payload