e8-grid-column
Updated on Sep 18, 2025 25 minutes to readA flexible column component for the e8-grid table.
Manages rendering, filtering, sorting, and custom content for individual table columns, with support for file, image, email, and text types.
Overview
e8-grid-column represents a single column within an e8-grid.
It allows dynamic configuration of label, width, alignment, visibility, filtering, and sorting.
Columns can render custom templates, hyperlinks, or file/image/email content.
It also integrates with parent form settings and user-specific configurations.
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| choice-list | List of selectable choices, used only if filtering-mode is 'asDropdown'. | array | — |
| css-class | CSS class or object to apply to the column. | E8CssClassType | — |
| css-style | Inline styles applied to the column. | E8CssStyleType | — |
| data-columns | Specifies nested metadata columns for structured data display. | string[] | [] |
| data-path | Path to the data field for this column. | string | — |
| filtering-mode | Mode of filtering applied to this column. | E8GridColumnFilteringModes | ' ' |
| horizontal-alignment | Alignment of cell content. | E8TextHorizontalAlignment | 'default' |
| label | Column label. Can be a string or false to hide. | string | boolean | '' |
| searchable | Enables search functionality for this column. | boolean | true |
| show-hyperlink | Render column content as a clickable link if row alias and ID exist. | boolean | false |
| sortable | Enables sorting for this column. | boolean | true |
| source | Data source for lookup filtering, used only if filtering-mode is 'asLookup'. | string | — |
| source-filters | Filters applied to the source when filtering-mode is 'asLookup'. | array | object | — |
| user-settings-key | Key for storing user-specific column settings (width, visibility, order). | string | — |
| user-visible | Controls whether this column is visible by default for the user. | boolean | true |
| visible | Controls overall visibility of the column. | boolean | null |
| width | Initial CSS width of the column. Can be overridden by user. | string | — |