Class UIAutogenerateColumns

Dynamically generates text columns from a datasource row's properties.

This component automatically introspects the first available row and creates a UITextColumn for each property (key). This eliminates the need to manually declare columns when you want to show all properties with basic text rendering.

Properties are sorted alphabetically for consistent column ordering.

Example

<!-- Instead of declaring columns manually -->
<ui-table-view [datasource]="adapter">
  <ui-text-column key="name" headerText="Name"></ui-text-column>
  <ui-text-column key="email" headerText="Email"></ui-text-column>
  <ui-text-column key="age" headerText="Age"></ui-text-column>
</ui-table-view>

<!-- Use auto-generation -->
<ui-table-view [datasource]="adapter" uiAutogenerateColumns></ui-table-view>

Index

Constructors

constructor

Properties

excludeKeys generatedColumns headerMap humanizeHeaders row

Constructors

constructor

new UIAutogenerateColumns(): UIAutogenerateColumns
Returns UIAutogenerateColumns

Properties

`Readonly`excludeKeys

excludeKeys: InputSignal<string[]> = ...

Properties to skip when generating columns. Useful for filtering out internal or metadata properties.

Example

excludeKeys: ['id', '_internal', 'metadata']

`Protected` `Readonly`generatedColumns

generatedColumns: Signal<{ headerText: string; key: string }[]> = ...

`Readonly`headerMap

headerMap: InputSignal<Record<string, string>> = ...

Custom header text mapping. When a property key matches an entry, that custom text is used instead of the property key (or humanized version).

Example

headerMap: { firstName: 'Given Name', lastName: 'Family Name' }

`Readonly`humanizeHeaders

humanizeHeaders: InputSignal<boolean> = ...

Whether to use humanized header text (space-separated, title-cased). Defaults to true.

Example

Property "firstName" becomes "First Name"

`Readonly`row

row: InputSignal<Record<string, unknown> | null> = ...

The row data to introspect. This is typically a signal that emits the first available row from your datasource.

If no row is provided, no columns will be generated.

Class UIAutogenerateColumns

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIAutogenerateColumns

Properties

`Readonly`excludeKeys

Example

`Protected` `Readonly`generatedColumns

`Readonly`headerMap

Example

`Readonly`humanizeHeaders

Example

`Readonly`row

Settings

On This Page

Class UIAutogenerateColumns

Example

Index

Constructors

Properties

Constructors

constructor

Returns UIAutogenerateColumns

Properties

ReadonlyexcludeKeys

Example

Protected ReadonlygeneratedColumns

ReadonlyheaderMap

Example

ReadonlyhumanizeHeaders

Example

Readonlyrow

Settings

On This Page

`Readonly`excludeKeys

`Protected` `Readonly`generatedColumns

`Readonly`headerMap

`Readonly`humanizeHeaders

`Readonly`row