Intelligente Spaltenanpassung & -anordnung
Zwei unabhängige, standardmäßig aktivierte responsive Grid-Funktionen, die eine breite Tabelle auf kleineren Bildschirmen ohne horizontales Scrollen benutzbar halten.
Überblick
Beide Funktionen sind site-weit standardmäßig aktiviert (XcrudConfig::$intelligentColumnFit und XcrudConfig::$intelligentColumnArrangement, beide true), und beide können pro Seite überschrieben werden:
$xcrud->intelligent_column_fit();
$xcrud->intelligent_column_arrangement();
// Oder eine der beiden Funktionen für diese Seite gezielt abschalten:
$xcrud->intelligent_column_fit(false);| Methode | Typ | Standard | Beschreibung |
|---|---|---|---|
intelligent_column_fit($enabled = true) | bool | XcrudConfig::$intelligentColumnFit | Override pro Seite für Column Fit |
intelligent_column_arrangement($enabled = true) | bool | XcrudConfig::$intelligentColumnArrangement | Override pro Seite für Column Arrangement |
Sie lösen unterschiedliche Breitenprobleme und stehen sich nicht im Weg - siehe "Wie die beiden zusammenspielen" weiter unten.
Column Fit
Column Fit misst live im Browser, welche Spalten eines Grids tatsächlich in die aktuelle Breite des Containers passen, und zeigt nur diese an - die übrigen verbergen sich hinter einem kleinen Erweiterungs-Toggle pro Zeile, das sie beim Anklicken als randlose "Label: Wert"-Detailzeile für genau diese Zeile einblendet. Die Messung erfolgt automatisch bei jeder Fenstergrößenänderung erneut, sodass ein Grid, das auf einem breiten Monitor perfekt passt und auf einem Laptop nur 4 von 8 Spalten zeigt, beim Verbreitern oder Verschmälern des Fensters mehr oder weniger Spalten anzeigt.
$xcrud->table('customers');
$xcrud->intelligent_column_fit();Dies ist rein additiv und clientseitig - es ändert nichts an einer Tabelle, deren Spalten ohnehin schon passen, oder an einer Seite, die es nie aktiviert.
Column Arrangement
Column Arrangement richtet sich gezielt an schmale Viewports in Telefonbreite (etwa ≤640px), bei denen eine Tabelle schlicht kein sinnvolles "seitliches" Lesen mehr zulässt. Statt Spalten zu verkleinern oder auszublenden, formt es jede Zeile vollständig um: Jede Grid-Zeile wird zu einer eigenen umrandeten, gestapelten Karte mit einer "Label: Wert"-Zeile pro Feld. Enthält die Zeile ein Bild-, Foto- oder Kamera-Feld, wird dieses als Vorschaubild am Rand der Karte fixiert, statt nur als weitere Label:Wert-Zeile zu erscheinen.
$xcrud->table('products');
$xcrud->intelligent_column_arrangement();Wie die beiden zusammenspielen
Column Fit und Column Arrangement sind aufeinander abgestimmt, nicht konkurrierend: Am schmalen Breakpoint (≤640px) übernimmt Arrangement automatisch von Fit - das Grid wird zu gestapelten Karten statt zu einer nach Fit gemessenen Spaltenreihe. Oberhalb dieser Breite tut Arrangement nichts, und Fit (falls ebenfalls aktiviert) kümmert sich weiterhin wie gewohnt um den Überlauf. In der Praxis können beide überall eingeschaltet bleiben - jedes greift genau dort, wo es passt.