x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="relative w-full overflow-x-auto rounded-md border border-border"> <table class="w-full caption-bottom text-sm"> <thead class="border-b border-border bg-muted/50"> <tr> <th scope="col" class="h-10 px-2 align-middle font-medium text-foreground whitespace-nowrap text-left">Customer</th> <th scope="col" class="h-10 px-2 align-middle font-medium text-foreground whitespace-nowrap text-right">Amount</th> </tr> </thead> <tbody class="[&_tr:last-child]:border-0"> <tr> <td colspan="2" class="p-8 text-center text-sm text-muted-foreground">No invoices yet</td> </tr> </tbody> </table></div>1
2
3
4
5
6
7
8
<%# An empty table should say so rather than show a bare header. %><%= render(UI::Table.new) do |table| %> <% table.with_head do |head| %> <% head.with_column { "Customer" } %> <% head.with_column(align: :end) { "Amount" } %> <% end %> <% table.with_empty_state { "No invoices yet" } %><% end %>No notes provided.
No params configured.