Table Foot Reference
Reference for Table Foot Reference in Web Framework References. Key properties: Class, Foot Color, Vertical Align, Group Divider.
Table footer section (<tfoot>). Optional: place inside a Table for summary rows.
Inspector Property Groups
Table Foot Properties
| Property | Type | Details |
|---|---|---|
| Class | text | Custom tfoot classes. Adds CSS classes to the <tfoot> element. Use this for additional utility classes or custom styling of the table footer area. Bootstrap docs: Tables Attribute: class |
| Foot 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 |