Table

Real <table> with .table chrome. Wrap in .table-wrap for horizontal overflow. Not TanStack. There is no wrapper.

Preview

Invoices
Invoice	Status	Amount
INV-001	Paid	$250.00
INV-002	Pending	$150.00
Total		$400.00

Code

<div class="table-wrap">
	<table class="table">
		<caption>Invoices</caption>
		<thead>
			<tr>
				<th scope="col">Invoice</th>
				<th scope="col">Amount</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>INV-001</td>
				<td>$250.00</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td>Total</td>
				<td>$250.00</td>
			</tr>
		</tfoot>
	</table>
</div>