Kartenlayout-Demo

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 benötigt jede CSS-Länge und steht standardmäßig auf 320px. Das Dropdown-Menü der Toolbar wechselt zwischen Karten, Tabellenzeilen und automatisch, wobei Karten nur auf einem Handy angezeigt werden, und der Sortier-Button sortiert die Karten, die keine Spaltenüberschriften zum Anklicken haben.

Blazor-Beispiel Razor
Jeder kann die Kontakte im untenstehenden Raster einsehen. Melden Sie sich an, um Ihre eigenen Kontakte zu erstellen, anzusehen und zu aktualisieren. 200px260px320px400px50%
Alle KontakteMeine Kontakte
AutomatikTabelleKarten
Alle KontakteMeine Kontakte
AutomatikTabelleKarten
Seitengröße 102050100
Abagail Miller
Mobiltelefon
(501) 801-9303
E-Mail
Abagail_Miller30@yahoo.com
Firmenname
Lowe Inc
Alter
26
Geburtstag
08.04.2000
Abdul Pollich
Mobiltelefon
(319) 579-4439
E-Mail
Abdul73@yahoo.com
Firmenname
Wiza, Bradtke and Hintz
Alter
70
Geburtstag
03.08.1956
Abel Parisian
Mobiltelefon
(631) 444-9854
E-Mail
Abel84@gmail.com
Firmenname
Raynor - Lakin
Alter
21
Geburtstag
16.08.2005
Abigale Kuvalis
Mobiltelefon
(369) 810-9954
E-Mail
Abigale71@gmail.com
Firmenname
Murazik Group
Alter
58
Geburtstag
14.03.1968
Adell Paucek
Mobiltelefon
(260) 615-0566
E-Mail
Adell99@yahoo.com
Firmenname
Windler, Toy and D'Amore
Alter
47
Geburtstag
06.12.1979
Adella Roob
Mobiltelefon
(535) 638-9390
E-Mail
Adella.Roob88@hotmail.com
Firmenname
Pollich - Kling
Alter
67
Geburtstag
04.06.1959
Adolf Weber
Mobiltelefon
(978) 300-6533
E-Mail
Adolf.Weber10@gmail.com
Firmenname
West Group
Alter
69
Geburtstag
22.05.1957
Adonis Torphy
Mobiltelefon
(842) 804-9308
E-Mail
Adonis_Torphy35@hotmail.com
Firmenname
Mohr and Sons
Alter
34
Geburtstag
08.08.1992
Agustin Goyette
Mobiltelefon
(374) 932-0000
E-Mail
Agustin_Goyette@gmail.com
Firmenname
Lebsack, Homenick and Carter
Alter
34
Geburtstag
08.01.1992
Agustin Rau
Mobiltelefon
(986) 867-9045
E-Mail
Agustin_Rau@gmail.com
Firmenname
Lehner Group
Alter
40
Geburtstag
24.02.1986
Aidan Kihn
Mobiltelefon
(800) 748-6993
E-Mail
Aidan_Kihn@yahoo.com
Firmenname
Boyer - Schaefer
Alter
37
Geburtstag
27.03.1989
Aileen Fahey
Mobiltelefon
(234) 070-9387
E-Mail
Aileen_Fahey@yahoo.com
Firmenname
Funk and Sons
Alter
25
Geburtstag
12.08.2001
Aileen Walsh
Mobiltelefon
(127) 426-0490
E-Mail
Aileen75@gmail.com
Firmenname
Hyatt - Toy
Alter
45
Geburtstag
22.09.1981
Aisha Collins
Mobiltelefon
(186) 696-4315
E-Mail
Aisha.Collins@gmail.com
Firmenname
Balistreri, Heller and Murphy
Alter
36
Geburtstag
06.05.1990
Aiyana Upton
Mobiltelefon
(703) 053-8351
E-Mail
Aiyana_Upton30@gmail.com
Firmenname
Abshire - Marks
Alter
41
Geburtstag
09.10.1985
Al Leannon
Mobiltelefon
(140) 969-5761
E-Mail
Al71@yahoo.com
Firmenname
Schroeder - Murphy
Alter
35
Geburtstag
25.02.1991
Alana Barton
Mobiltelefon
(621) 817-8829
E-Mail
Alana_Barton48@hotmail.com
Firmenname
Bashirian - Weber
Alter
38
Geburtstag
04.02.1988
Alanna Schowalter
Mobiltelefon
(966) 074-0638
E-Mail
Alanna.Schowalter53@gmail.com
Firmenname
Schmeler and Sons
Alter
30
Geburtstag
11.11.1996
Albert Kreiger
Mobiltelefon
(439) 429-5128
E-Mail
Albert50@yahoo.com
Firmenname
Hyatt - Toy
Alter
46
Geburtstag
24.08.1980
Alberto Kutch
Mobiltelefon
(018) 306-3524
E-Mail
Alberto_Kutch@hotmail.com
Firmenname
VonRueden, Hilpert and Borer
Alter
56
Geburtstag
08.12.1970