x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="relative w-full overflow-x-auto rounded-md border border-border"> <table class="w-full caption-bottom text-sm"><caption class="mt-4 px-2 text-sm text-muted-foreground text-left">Invoices this month — 2 open</caption> <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">Invoice</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 class="border-b border-border transition-colors hover:bg-muted/50 bg-muted" aria-selected="true"> <td class="p-2 align-middle text-left">INV-104</td> <td class="p-2 align-middle text-right">₹12,400</td> </tr> <tr class="border-b border-border transition-colors hover:bg-muted/50"> <td class="p-2 align-middle text-left">INV-105</td> <td class="p-2 align-middle text-right">₹8,250</td> </tr> </tbody> </table></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
<%= render(UI::Table.new(caption: "Invoices this month — 2 open")) do |table| %> <% table.with_head do |head| %> <% head.with_column { "Invoice" } %> <% head.with_column(align: :end) { "Amount" } %> <% end %> <% table.with_row(selected: true) do |row| %> <% row.with_cell { "INV-104" } %> <% row.with_cell(align: :end) { "₹12,400" } %> <% end %> <% table.with_row do |row| %> <% row.with_cell { "INV-105" } %> <% row.with_cell(align: :end) { "₹8,250" } %> <% end %><% end %>No notes provided.
No params configured.