- 1.5.0

Table

Shmi Skywalker Pernilla August (Episodes I-II) Voice: Pernilla August (The Clone Wars)
Luke Skywalker Mark Hamill (Episodes IV-IX, The Mandalorian, The Book of Boba Fett), Aidan Barton (Episode III), Grant Feely (Obi-Wan Kenobi) Body Doubles: Lukaz Leong (Episode IX), Max Lloyd-Jones (The Mandalorian), Graham Hamilton (The Book of Boba Fett) Voice: Mark Hamill (Forces of Destiny)
Attribute Type Documentation Default Value
id :any

HTML id attribute
class :any

additional CSS classes
border :boolean

show table borders using table-bordered CSS class
false
zebra :boolean

show zebra striping
false
hover :boolean

highlight rows on hover
false
compact :boolean

make table more compact
false
data :list

table data list

 Read more Read less
[]
rest :global

additional HTML attributes for the table element
stream :boolean

stream data
false
caption :slot

render a caption of table.

Example

<:caption>
  Table information
</:caption>
Show slot attributes Hide slot attributes
id :any

table caption id
class :any

table caption class
col :slot

render a column of table.

Example

<:col :let={r} label="Name">
  {r.name}
</:col>

<:col
  :let={r}
  label="Select row"
  header={~H[<input type="checkbox" aria-label="Select all rows" />]}
>
  {r.name}
</:col>
Show slot attributes Hide slot attributes
label :string

table column title
header :any

rendered table column header content
label_class :any

table column title CSS classes
class :any

table row column class

 
<:col :let={r} label="Name">
  {r.name}
</:col>
<:col :let={r} label="Portrayal">
  {r.portrayal}
</:col>
expand :slot

render a one column row after each row of table.

Example

<:expand :let={r} label="Name">
  <pre>
    {r.description}
  </pre>
</:expand>
Show slot attributes Hide slot attributes
id :any

table row expand id
class :any

table row expand class