Tree List: Adaptivity

Zurück: Demo-Übersicht

Die Tree List erbt das Verhalten bei schmalem Platz unverändert vom Grid – dieselbe Regel, dasselbe CSS-Rezept, kein zweiter Vertrag.

Status: [Live] – erbt das Container-getriebene Prinzip von DataGrid → Adaptivity unverändert.

DataGrid → Adaptivity bereits verstanden – Tree List erbt dasselbe CSS-Rezept.

Keine zusätzliche Adaptivity-Regel gegenüber dem DataGrid – der einzige neue Faktor ist die Einrückungsspalte (data-wk-depth), die bei sehr schmalem Panel zulasten der ersten Datenspalte geht, statt eigene Breakpoints zu definieren.

Entfällt – geerbtes CSS-Rezept, kein eigener Aufruf.

Relevant bei sehr tiefen Hierarchien in schmalen Panels – Abschnitt 6/7.

Ab $opts['maxDepthIndent'] Ebenen (Default 6) wächst die Einrückung nicht weiter linear, sondern zeigt eine kompakte „…“-Markierung (.wk-treelist__deep) mit der tatsächlichen Tiefe als Tooltip – verhindert, dass die erste Spalte bei sehr tiefen Hierarchien den gesamten verfügbaren Platz auffrisst.

echo $widgets->treeList($columns, $rows, ['rowKey' => 'id', 'maxDepthIndent' => 4]);

Keine über den Basiskontrakt hinaus.

Die „…“-Tiefen-Markierung ist rein visuell – der tatsächliche Tiefenwert steht unabhängig davon als aria-level an jeder Zeile (s. Accessibility).

Entfällt.

• Demo-Übersicht – alle Kategorien
• DataGrid: Adaptivity – geerbtes CSS-Rezept