e8-form-table-column
Updated on Sep 18, 2025 28 minutes to readA table column helper for e8-form-table that defines how a single column is rendered, which input component is used for cells, and how cell values are synchronized with the parent table.
Overview
e8-form-table-column declares one column inside an e8-form-table.
It selects or renders a cell component based on input-type or the attribute type, forwards common props (placeholder, tooltip, readonly, size, etc.) to the rendered cell, and controls column sizing and header presentation.
<e8-form-table
internal-id="tscExampleProducts"
v-model="object.tscExampleProducts"
height="400px"
>
<e8-form-table-column internal-id="name"></e8-form-table-column>
<e8-form-table-column internal-id="price"></e8-form-table-column>
</e8-form-table>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| horizontal-alignment | Horizontal alignment for the cell content. | E8TextHorizontalAlignments | — |
| input-type | Explicit component to render inside the cell (e.g. e8-form-input, e8-form-dropdown). | string | — |
| internal-id | Script alias for the tabular input column of a metadata list, usable only within its own metadata forms. | E8ScriptAlias | — |
| label | Header text for the column; set to false to hide label. | string | boolean | — |
| label-horizontal-alignment | Horizontal alignment for the header label. | string | — |
| lazy-sync | Enable lazy synchronization between cell editor and model. | boolean | false |
| max-width | CSS max-width for the column. | string | — |
| min-width | CSS min-width for the column. | string | — |
| placeholder | Placeholder forwarded to cell editors. | string | boolean | — |
| readonly | Make cells in this column read-only. | boolean | false |
| tooltip | Tooltip text for the column header. | string | — |
| v-model | Two-way binding with the parent table’s data for column-specific behavior (the table handles row data). | any | — |
| visible | Toggle column visibility. | boolean | true |
| width | CSS width for the column (e.g. 200px). | string | 200px |
Slots
| Slot | Description |
|---|---|
| default | Custom renderer for a cell. Receives { row, index } in the scoped slot; if not provided, a suitable form component is rendered automatically. |
Events
| Event | Description |
|---|---|
| on-change | Triggered when a cell value changes (the parent table also emits row-level events). |