Kartenlayout

A MainGrid kann seine Datensätze als Karten statt als Tabellenzeilen anzeigen. Die Karten werden so umwickelt, dass sie die Breite des Rasters füllen, zeigen das Foto jedes Kontakts neben ihrem Namen und behalten alles andere, was das Raster tut: Ansichten, Suche, Sortieren, Aussuchen und Auswahl.

Kontakte als Karten

Wähle eine minimale Kartenbreite, um die Karten beim Reflow zu beobachten: MinCardWidth nimmt jede CSS-Länge und steht standardmäßig auf 320px. Das Dropdown-Menü der Symbolleiste wechselt zwischen Karten, Tabellenzeilen und automatisch, wobei Karten nur auf einem Handy angezeigt werden, und im Einstellungsmenü sortiert das Sortieren die Karten , die keine Spaltenüberschriften zum Anklicken haben.

React-Beispiel Blazor-Beispiel React TypeScript Razor