Noora (0.81.4)

Table

Name Duration (desc) Created at (asc)
Row One
5s
2 hours ago
Row Two
12s
2 hours ago
Attribute Type Documentation Default Value
Required id * :string

A uniqie identifier for the table
Required rows * :list

The table content
row_key :fun

A function to generate the row key. Required when using a LiveView stream. If using streams and not provided, defaults to the id key of the stream.
row_navigate :fun

A function to generate the link to navigate to when clicking on a row.
row_click :fun

A function to generate the click handler for a row.
row_expandable :fun

A function to determine if a row can be expanded. Returns true/false.
expanded_rows :list

A list of row keys/IDs that are currently expanded.
[]
expand_label :string

Accessible label for the disclosure button that expands/collapses a row.
"Toggle row details"
empty_state :slot
Required col * :slot
Show slot attributes Hide slot attributes
label :string

The label of the column
icon :string

An icon to render next to the label
patch :string

A patch to apply to the column
sort_order :any

When set to “asc” or “desc”, renders a sort-direction arrow that morphs between the two directions as the value changes. Mirror your sort-state gating, e.g. sort_order={@sort_by == "duration" && @sort_order}.

 
<:col :let={i} label="Name">
  <.text_cell label={i.name} />
</:col>
<:col :let={i} label="Duration (desc)" patch="#" sort_order="desc">
  <.text_cell label={i.duration} />
</:col>
<:col :let={i} label="Created at (asc)" patch="#" sort_order="asc">
  <.text_cell sublabel="2 hours ago" />
</:col>
expanded_content :slot

Content to display when a row is expanded