The TableView
component provides advanced styling for tables.
User | Status | Actions |
---|---|---|
User #1 | Pending | |
User #2 | Ready | |
User #3 | Pending | |
User #2 | Ready |
import live-web.dom
import live-web-view.layout
static any[] use = [TableView]
TableView{
THead{
Th`User`
Th`Status`
Th`Actions`
}
TBody{
Tr{
Td`User #1`
Td`Pending`
Td{
PrimaryButton{ T`Edit` }
}
}
Tr{
Td`User #2`
Td`Ready`
Td{
PrimaryButton{ T`Edit` }
}
}
Tr{
Td`User #3`
Td`Pending`
Td{
PrimaryButton{ T`Edit` }
}
}
Tr{
Td`User #2`
Td`Ready`
Td{
PrimaryButton{ T`Edit` }
}
}
}
}