TreeTable
Family: Data & Inspection
Namespace: Tessera.Controls
Use TreeTable when this interaction is the best match for your screen workflow.
When to use
- You need a
TreeTable-style interaction inside the data & inspection lane. - A titled widget surface improves scanability in dense shells.
- You want explicit user-driven events routed into app state updates.
Minimal usage
csharp.cs
using Tessera.Controls;
using Tessera.Layout;
var widget = new TreeTable
{
Title = "TreeTable"
};
return Screen.Build(window => window.Body(body => body.Center(widget, width: 44, height: 9)));Common pitfalls
- Do not choose
TreeTableby name only; validate it against the target workflow. - Keep this control scoped to the data & inspection concern; avoid cross-layer state coupling.
- Handle control events by posting/processing messages; avoid hidden mutation in render paths.
- Set focused/normal styles intentionally so keyboard focus remains obvious.
- Keep disabled state explicit and reversible so users understand why actions are blocked.
Public properties
| Property | Type |
|---|---|
Border | BorderStyle |
BorderStyleText | TesseraStyle |
BranchRowStyle | TesseraStyle |
CollapsedBranchMarker | string |
ColumnSeparatorText | string |
ExpandedBranchMarker | string |
FocusedBorderStyleText | TesseraStyle |
FocusedTitleStyle | TesseraStyle |
FocusMarker | string |
HeaderStyle | TesseraStyle |
HoveredRowStyle | TesseraStyle |
IsDisabled | bool |
IsFocused | bool |
IsReadOnly | bool |
LeafMarker | string |
LeafRowStyle | TesseraStyle |
MutedRowStyle | TesseraStyle |
Padding | Thickness |
SelectedRowMarker | string |
SelectedRowStyle | TesseraStyle |
ShowFocusMarker | bool |
Title | string |
TitleStyle | TesseraStyle |
UnselectedRowMarker | string |
Public events
| Event | Type |
|---|---|
SelectionChanged | EventHandler<TreeTableSelectionChangedEventArgs>? |