Moon Liveview Library

Table

IDUsernameIs Unicorn?EmailStatusLatest Deposit
#1 Alice Smith #1 not [email protected] Pending verification 320 EURO
#2 Carlos Rivera #2 yes [email protected] Premium member 1500 EURO
#3 Eva Müller #3 not [email protected] Account locked 87 EURO
#4 Tom Lee #4 yes [email protected] New user 230 EURO
#5 Nina Patel #5 not [email protected] VIP 899 EURO
#6 John Doe #6 yes [email protected] Status 6 694 EURO
#7 George Wang #7 not [email protected] Suspended 0 EURO
#8 Lena Novak #8 yes [email protected] Status 8 420 EURO
#9 Omar Farah #9 not [email protected] Active 310 EURO
#10 Sofia Rossi #10 yes [email protected] Status 10 1250 EURO
Attribute Type Documentation Default Value
id :string

Unique identifier for the table component
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
Required label * :string

Label of the table item

 
<:col :let={row} label="ID" >
{row.id}
</:col>
<:col :let={row} label="Username" >
{row.username}
</:col>
<:col :let={row} label="Is Unicorn?" >
<%= if row.is_unicorn, do: "yes", else: "not" %>
</:col>
<:col :let={row} label="Email" >
{row.email}
</:col>
<:col :let={row} label="Status" >
{row.status}
</:col>
<:col :let={row} label="Latest Deposit" >
{row.latest_deposit}
</:col>