Table

A responsive table component.

Default

A table with header, body, footer, and caption.

A list of your recent invoices.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00
INV003UnpaidBank Transfer$350.00
INV004PaidCredit Card$450.00
Total$1,200.00

Usage

julia
using Suite

Main.Table(
    TableHeader(
        TableRow(
            TableHead("Name"),
            TableHead("Email"),
        ),
    ),
    TableBody(
        TableRow(
            TableCell("Alice"),
            TableCell("alice@example.com"),
        ),
    ),
)

API Reference

Components

All table sub-components (TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption) accept class, children..., and kwargs....

ComponentHTML ElementDescription
Tablediv > tableScrollable table container
TableHeadertheadTable header section
TableBodytbodyTable body section
TableFootertfootTable footer section
TableRowtrTable row with hover state
TableHeadthHeader cell
TableCelltdData cell
TableCaptioncaptionTable caption text