SwiftUI.js
Components

Table

Table renders structured tabular data with explicit `TableColumn` definitions, aligned with SwiftUI's table mental model.

Table renders structured tabular data with explicit `TableColumn` definitions, aligned with SwiftUI's table mental model.

Examples

Default

Preview unavailable for this example in the static docs build.

Show code
<Table data={rows} rowKey={(row) => row.id}>
      <TableColumn<Person> title="Name" value={(row) => row.name} />
      <TableColumn<Person> title="Role" value={(row) => row.role} />
    </Table>

API

PropTypeRequiredDescription
dataRow[]YesThe row data rendered by the table.
rowKey(row: Row, index: number) => stringYesStable key generator for each row.

Inherits additional props from IBaseComponent.

Overview

Table renders structured tabular data with explicit TableColumn definitions, aligned with SwiftUI's table mental model.

SymbolEffect

SymbolEffect adapts SwiftUI's symbol animation modifiers into an explicit wrapper component for the web.

TableColumn

TableColumn defines a single column inside `Table`, including its header title and row value renderer.

On this page

Overview