Skip to content

Cell Reference

Reference for Cell Reference in Web Framework References. Key properties: Class, Text, Cell Color, Vertical Align.

Body cell (<td>) inside a table row. Use inside a Table Row (typically in Table Body) for data.

Inspector Property Groups

Table Cell Properties

Property Type Details
ClasstextCustom cell classes.
Adds CSS classes to a table cell ( <td> or <th> depending on the rule). Use this for utility classes (alignment, spacing) or custom styles per cell. Bootstrap docs: Tables
Attribute: class
TexttextTable cell text.
Sets the text displayed in a table cell. Use concise values and consider alignment utilities for readability. Bootstrap docs: Tables
Supports dynamic option sources.
Cell ColorcolorlistOptions: Default, Primary, Secondary, Success, Danger, Warning
Vertical AligndroplistVertical alignment.
Controls vertical alignment of inline/inline-block elements. Applies utilities like align-baseline , align-middle , align-top , etc. Bootstrap docs: Vertical align
Options: Default, Baseline, Top, Middle, Bottom, Text Bottom

Text

Property Type Details
Advancedcss_toggleAdvanced layout options.
Advanced layout options provided by the rule. These typically map to Bootstrap utility classes (spacing, flex, display) to fine-tune layout. Bootstrap docs: Utilities API
Colorcolor_groupOptions: text-primary, text-primary-emphasis, text-secondary, text-secondary-emphasis, text-success, text-success-emphasis
Text Opacityrange 
Alignbutton_groupControls text alignment.
Controls text alignment using Bootstrap text utilities. Applies classes like text-start , text-center , text-end , including responsive variants (e.g. text-md-center ). Bootstrap docs: Text utilities
Options: text-start, text-center, text-end
Font Weightbutton_groupControls font weight.
Controls font weight using Bootstrap font-weight utilities. Applies fw-light , fw-normal , fw-bold , etc. Bootstrap docs: Font weight
Options: B, B+, N, L, L+
Line Heightbutton_groupControls line height.
Controls line height using Bootstrap line-height utilities. Applies lh-1 , lh-sm , lh-base , or lh-lg . Bootstrap docs: Line height
Options: 1, SM, BS, LG

Appearance

Property Type Details
Back Colorcolor_groupOptions: text-bg-primary, bg-primary, bg-primary-subtle, text-bg-secondary, bg-secondary, bg-secondary-subtle
Back OpacityrangeControls background opacity.
Controls background opacity when using background color utilities. Applies classes like bg-opacity-25 , bg-opacity-50 , etc. Bootstrap docs: Background utilities
WidthrangeSets a Bootstrap width utility class.
Sets a Bootstrap width utility class. Applies utilities like w-25 , w-50 , w-75 , w-100 , or w-auto . Bootstrap docs: Sizing
HeightrangeSets a Bootstrap height utility class.
Sets a Bootstrap height utility class. Applies utilities like h-25 , h-50 , h-75 , h-100 , or h-auto . Bootstrap docs: Sizing
OpacityrangeSets the opacity utility class.
Sets an opacity utility class. Applies utilities such as opacity-25 , opacity-50 , opacity-75 , or opacity-100 . Bootstrap docs: Opacity
ShadowdroplistApplies a Bootstrap shadow utility.
Applies a Bootstrap shadow utility. Uses classes like shadow , shadow-sm , shadow-lg , or removes shadow with shadow-none . Bootstrap docs: Shadows
Options: Default, None, Small, Regular, Large

Spacing

Property Type Details
Margin<br>&<br>Paddingspacing 
X GutterrangeHorizontal gutter size.
Sets the horizontal gutter (spacing between columns). Uses gx-* utilities to control the horizontal gutter size. Bootstrap docs: Gutters
Y GutterrangeVertical gutter size.
Sets the vertical gutter (spacing between rows). Uses gy-* utilities to control the vertical gutter size. Bootstrap docs: Gutters

Display

Property Type Details
Hide onbutton_groupOptions: xs, sm, md, lg, xl, xxl
Printbutton_group 
Visually Hiddenboolean 
Focusableboolean