Tree List: Adaptivity

Zurück: Demo-Übersicht

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