Table
A plain table with the scroll box and the numeric alignment already right.
The table sits in its own `overflow-x` box. A table has a minimum width that follows from its content, and without the box it is the *page* that gets wider than a phone screen rather than the table. That is the same reason the framework's welcome page uses a `<dl>` and not a table for its readout. `align="right"` also turns on `tabular-nums`, so digits line up in a column. Headers get `scope="col"`, and the table gets a `caption` that is visually hidden — a table without a name is "table" and nothing else to a screen reader. For anything with sorting, paging or selection, use [`DataGrid`](/components/datagrid) instead.