Moon Liveview Library

Table

IdUsernameEmailIs Unicorn?
#1 Alice Smith #1 [email protected] false
#2 Carlos Rivera #2 [email protected] true
#3 Eva Müller #3 [email protected] false
#4 Tom Lee #4 [email protected] true
#5 Nina Patel #5 [email protected] false
#6 John Doe #6 [email protected] true
#7 George Wang #7 [email protected] false
#8 Lena Novak #8 [email protected] true
#9 Omar Farah #9 [email protected] false
#10 Sofia Rossi #10 [email protected] true
Attribute Type Documentation Default Value
rows :list

List of table rows
[]
size :string

Size of the table
"md"
class :string

Additional CSS classes for the table
""
rest :global

Additional HTML attributes for the table
col :slot

List of table items
Show slot attributes Hide slot attributes
class :string

Label of the table item

 
<:col>Id</:col>
<:col>Username</:col>
<:col>Email</:col>
<:col>Is Unicorn?</:col>
<:row>
  <.table_cell>#1</.table_cell>
  <.table_cell>Alice Smith #1</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#2</.table_cell>
  <.table_cell>Carlos Rivera #2</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>
<:row>
  <.table_cell>#3</.table_cell>
  <.table_cell>Eva Müller #3</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#4</.table_cell>
  <.table_cell>Tom Lee #4</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>
<:row>
  <.table_cell>#5</.table_cell>
  <.table_cell>Nina Patel #5</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#6</.table_cell>
  <.table_cell>John Doe #6</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>
<:row>
  <.table_cell>#7</.table_cell>
  <.table_cell>George Wang #7</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#8</.table_cell>
  <.table_cell>Lena Novak #8</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>
<:row>
  <.table_cell>#9</.table_cell>
  <.table_cell>Omar Farah #9</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#10</.table_cell>
  <.table_cell>Sofia Rossi #10</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>
row :slot

List of table rows
Show slot attributes Hide slot attributes
class :string

Additional CSS classes for the table row

 
<:col>Id</:col>
<:col>Username</:col>
<:col>Email</:col>
<:col>Is Unicorn?</:col>
<:row>
  <.table_cell>#1</.table_cell>
  <.table_cell>Alice Smith #1</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#2</.table_cell>
  <.table_cell>Carlos Rivera #2</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>
<:row>
  <.table_cell>#3</.table_cell>
  <.table_cell>Eva Müller #3</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#4</.table_cell>
  <.table_cell>Tom Lee #4</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>
<:row>
  <.table_cell>#5</.table_cell>
  <.table_cell>Nina Patel #5</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#6</.table_cell>
  <.table_cell>John Doe #6</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>
<:row>
  <.table_cell>#7</.table_cell>
  <.table_cell>George Wang #7</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#8</.table_cell>
  <.table_cell>Lena Novak #8</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>
<:row>
  <.table_cell>#9</.table_cell>
  <.table_cell>Omar Farah #9</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>false</.table_cell>
</:row>
<:row>
  <.table_cell>#10</.table_cell>
  <.table_cell>Sofia Rossi #10</.table_cell>
  <.table_cell>[email protected]</.table_cell>
  <.table_cell>true</.table_cell>
</:row>