Table
one grid, two views. The ui-gallery page Table, painted with no terminal and no window at each of the documented profiles:
bash
ui-gallery --render --page table --profile full|enhanced|baseline sparkles:ui one grid, two views tokyo-night
Welcome ▕ Table · one grid, two views █
Primitives ▕ █
Layout ▕ █
Tracks ▕ The span-capable table: an HTML-style slot grid (colspan, rowspan, █
Text ▕ sparse placement), header rows and stub columns with heavy rules, per- █
Themes ▕ column and per-cell alignment including decimal, VAlign, wrapping under █
Slots ▕ width caps, and pluggable glyph presets. One layout core decides every █
Decoration ▕ width, height and junction; the widget view below and the string view █
Effects ▕ beside it both materialize its answer. █
Grid ▕ █
Components ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
Tree ▕ │ widget view — buildTableWidgets │ █
Property tree ▕ │ preset rounded row rules stub col │ █
▸ Table ▕ │ │ ░
Scrolling ▕ │ ╭──────────────────────────────╮ │ ░
State ▕ │ │ Q3 restock │ │ ░
Split ▕ │ ├────────┬────────┬────────────┤ │ ░
Dock ▕ │ │ item │ price │ notes │ │ ░
Terminal ▕ │ ┝━━━━━━━━┿━━━━━━━━┿━━━━━━━━━━━━┥ │ ░
▕ │ │ widget │ 12.5 │ steady │ │ ░
▕ │ ├────────┼────────┼────────────┤ │ ░
▕ │ │ gadget │ 3.75 │ bulk order │ │ ░
▕ │ ├────────┼────────┤ │ │ ░
▕ │ │ gizmo │ 140 │ │ │ ░
▕ │ ╰────────┴────────┴────────────╯ │ ░
▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
▕ │ string view — drawTable, the same bytes │ ░
▕
pages g glyphs r row rules s stub col < cols left > cols right , rows up ? keys q quit sparkles:ui one grid, two views tokyo-night
Welcome ▕ Table · one grid, two views █
Primitives ▕ █
Layout ▕ █
Tracks ▕ The span-capable table: an HTML-style slot grid (colspan, rowspan, █
Text ▕ sparse placement), header rows and stub columns with heavy rules, per- █
Themes ▕ column and per-cell alignment including decimal, VAlign, wrapping under █
Slots ▕ width caps, and pluggable glyph presets. One layout core decides every █
Decoration ▕ width, height and junction; the widget view below and the string view █
Effects ▕ beside it both materialize its answer. █
Grid ▕ █
Components ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
Tree ▕ │ widget view — buildTableWidgets │ █
Property tree ▕ │ preset rounded row rules stub col │ █
▸ Table ▕ │ │ ░
Scrolling ▕ │ ╭──────────────────────────────╮ │ ░
State ▕ │ │ Q3 restock │ │ ░
Split ▕ │ ├────────┬────────┬────────────┤ │ ░
Dock ▕ │ │ item │ price │ notes │ │ ░
Terminal ▕ │ ┝━━━━━━━━┿━━━━━━━━┿━━━━━━━━━━━━┥ │ ░
▕ │ │ widget │ 12.5 │ steady │ │ ░
▕ │ ├────────┼────────┼────────────┤ │ ░
▕ │ │ gadget │ 3.75 │ bulk order │ │ ░
▕ │ ├────────┼────────┤ │ │ ░
▕ │ │ gizmo │ 140 │ │ │ ░
▕ │ ╰────────┴────────┴────────────╯ │ ░
▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
▕ │ string view — drawTable, the same bytes │ ░
▕
pages g glyphs r row rules s stub col < cols left > cols right , rows up ? keys q quit sparkles:ui one grid, two views tokyo-night
Welcome | Table * one grid, two views #
Primitives | #
Layout | #
Tracks | The span-capable table: an HTML-style slot grid (colspan, rowspan, #
Text | sparse placement), header rows and stub columns with heavy rules, per- #
Themes | column and per-cell alignment including decimal, VAlign, wrapping under #
Slots | width caps, and pluggable glyph presets. One layout core decides every #
Decoration | width, height and junction; the widget view below and the string view #
Effects | beside it both materialize its answer. #
Grid | #
Components | +---------------------------------------------------------------------+ #
Tree | | widget view - buildTableWidgets | #
Property tree | | preset rounded row rules stub col | #
> Table | | | |
Scrolling | | +------------------------------+ | |
State | | | Q3 restock | | |
Split | | +--------+--------+------------+ | |
Dock | | | item | price | notes | | |
Terminal | | +--------+--------+------------+ | |
| | | widget | 12.5 | steady | | |
| | +--------+--------+------------+ | |
| | | gadget | 3.75 | bulk order | | |
| | +--------+--------+ | | |
| | | gizmo | 140 | | | |
| | +--------+--------+------------+ | |
| +---------------------------------------------------------------------+ |
| |
| +---------------------------------------------------------------------+ |
| | string view - drawTable, the same bytes | |
|
pages g glyphs r row rules s stub col < cols left > cols right , rows up ? keys q quit What each profile gives up
The frame's degradation report: one line per substitution, and the capability the target lacked. full is empty when the page asks for nothing a terminal cannot do.
text
alpha-flattened ×29 (alpha)text
color-folded ×107 (colorDepth)
alpha-flattened ×29 (alpha)text
color-dropped ×107 (colorDepth)
ascii-border ×3 (unicode)
ascii-scrollbar ×1 (unicode)
ascii-glyph ×28 (unicode)
alpha-flattened ×29 (alpha)These are the files dub test :ui-gallery compares every render against, so a change to this page that is not re-blessed fails CI.