Table Body Reference
Reference for Table Body Reference in Web Framework References. Key properties: ID, Class, Body Color, Vertical Align.
Table body section (<tbody>). Place inside a Table and add one or more rows with cells.
Inspector Property Groups
Table Body Properties
| Property | Type | Details |
|---|---|---|
| ID | text | Optional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Attribute: id |
| Class | text | Adds raw class names to the element. Adds text directly to the class attribute. Use this for custom utility classes or project-specific overrides. Separate multiple classes with spaces. Bootstrap docs: Utilities API Attribute: class |
| Body Color | colorlist | Options: Default, Primary, Secondary, Success, Danger, Warning |
| Vertical Align | droplist | Vertical 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 |
| Group Divider | boolean | Adds a group divider between table sections. Adds a divider line between table groups (thead/tbody sections) using table-group-divider . This can improve readability in multi-section tables. Bootstrap docs: Table group divider |
Text
| Property | Type | Details |
|---|---|---|
| Advanced | css_toggle | Advanced 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 |
| Color | color_group | Options: text-primary, text-primary-emphasis, text-secondary, text-secondary-emphasis, text-success, text-success-emphasis |
| Text Opacity | range | |
| Align | button_group | Controls 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 Weight | button_group | Controls 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 Height | button_group | Controls 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 |
Display
| Property | Type | Details |
|---|---|---|
| Hide on | button_group | Options: xs, sm, md, lg, xl, xxl |
| button_group | ||
| Visually Hidden | boolean | |
| Focusable | boolean |