Skip to main content
TermRock
GitHub
ComponentsData

Component · Data

Tree Table

Process tree with CPU/MEM columns; hierarchy nav.

Kind
widget
Input
interactive
Canvas
120×40

Live preview

Loading terminal preview.

Static terminal poster. Choose Run live to start the Rust demo.

Ghosttytree-table/process
Loading terminal poster…
○ loading posterNo input — rendered state only
Tree Table · exact mounted Rust story
01 · Purpose
What it is for
Process tree with CPU/MEM columns; hierarchy nav.
Best fit: Data · data · widget
02 · Behavior
What the mounted story proves
  1. 01
    TreeTable
    Representative 120×40 terminal state.
  2. 02
    Passive paint
    No keyboard or pointer action is claimed by this representative story.
  3. 03
    Evidence stays explicit
    3 covered · 9 partial · 5 missing axes.
03 · Implement
Install, then start from exact code
Install
cargo add termrock --git https://github.com/tailrocks/termrock.git --rev 5283c2acf9154d0cfcd37b1ffe821c00faf90ea2
Add TermRock once. Keep domain effects in the host application.
Minimal implementation
Exact Rust setup used by tree-table/process.
Open to load code.
04 · Adapt
Variants and composition
Variants
Use the preview Variant menu when alternate registered stories exist. Each selection mounts a fresh configuration.
Composition
Data · data · widget
05 · Reference
API, tokens, accessibility
API
TreeTableOpen source ↗
Tokens
DesignSystemInspect exact story code for roles and capability projection.
Accessibility
Input contract mountedNo input claim in the representative story.
Contract
Evidence in progress3/23 axes covered
06 · Go deeper
Advanced guidance
Authored implementation guidance
Purpose. Hierarchy plus multi-column metadata without ambiguous Left/Right
behavior. Host projects a flattened visible-expanded window; TermRock owns
indent, disclosure, sticky headers, selection, and outcomes.


Use Tree for single-column trees and
DataTable for flat grids.


When to use


Use TreeTablePrefer
Process / PID trees with CPU·MEM—
DB schema browsers—
Task / epic hierarchies—
Dependency graphs (tree form)Graph when cycles dominate
Single-column filesTree
Flat query resultsDataTable



ModeLeft / Right
Hierarchy (default)Collapse·parent / expand·enter child
CellColumn cursor (Shift = hierarchy)
ScrollHorizontal scroll only


Cycle with \.


Anatomy


gutter · sticky header · indent + disclosure + primary · data columns ·
group bands · aggregate rows (= marker) · footer (nav: mode)
Ownership boundary
TermRock owns reusable terminal rendering and interaction state. The host owns domain data, policy, persistence, authorization, and side effects.
Evidence status
3 covered, 9 partial, and 5 missing contract axes. Missing evidence is not a behavior claim.
Transcript
Variable-height streaming transcript with stable visual anchors, semantic actor rails, and deterministic active presence.
Virtual Grid
A two-axis virtualized grid whose paint cost is bounded by caller-projected resident rows.