Components – Data Display

Component: Data Table

Component: Data Columns

Component: Large Table

Suche, Sortierung und „Mehr laden“ sind hier Demo-Markup. Produktions-Implementierungen müssen Treffer serverseitig neu rendern.

Optionale Spaltenbreiten-Anpassung: data-column-resize="true" aktiviert die Funktion. Die Tabelle benötigt dafür eine stabile, portalweit eindeutige data-column-resize-key. Die Header-Zellen können mit data-default-width (Prozent, Pixel oder relative fr-Werte) und die Tabelle mit data-column-min-width konfiguriert werden. Die Runtime wird nach dynamischem Nachladen über window.sgInitLargeTableColumnResize({ root }) erneut aufgerufen. Gespeicherte Werte liegen als { version: 1, widths: number[] } unter sg:large-table:column-widths:<key> in localStorage.