Datendarstellung

Filterable record table

Eine Datensatztabelle mit einem Live-Textfilter, farbigen Statuspillen und einer rechtsbündigen Währungsspalte, die beim Sortieren lesbar bleibt.


Harborlight Studio	active	Growth	$480
Nimbus Freight Co.	trialing	Starter	$0
Quartz & Co.	active	Scale	$1,240
Basalt Robotics	past due	Growth	$480
Fernwood Analytics	active	Scale	$1,240
Coalridge Logistics	canceled	Starter	$0
Amberline Media	active	Growth	$480
Driftwood Kitchens	trialing	Starter	$96
Ironwell Systems	active	Scale	$1,240
Salt & Cedar	past due	Growth	$480
Meridian Outfitters	active	Starter	$96
Palisade Ventures	active	Scale	$1,240

Filterable record table verwenden

Eine Datensatztabelle mit einem Live-Textfilter, farbigen Statuspillen und einer rechtsbündigen Währungsspalte, die beim Sortieren lesbar bleibt.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: accent, sortable, showFilter, density

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2016Presence Avatar ClustersDatendarstellungZwei überlappende Avatar-Cluster, online und offline, wobei durch Klicken auf einen Avatar dieser in den anderen Cluster verschoben wird, während sein Porträt von oder zu Graustufen überblendet.

2245Status AvatarDatendarstellungEin runder Avatar, der auf Initialen ohne Bild zurückgreift und ein kleines Online-Statusabzeichen tragen oder mit anderen stapeln kann.

2299Animated metric counterDatendarstellungEine große, bloße Zahl, die in dem Moment, in dem sie ins Bild gescrollt wird, von einem Startwert zu ihrem Ziel hochspringt und leicht über das Ziel hinausschießt, bevor sie sich stabilisiert, mit Tausendertrennzeichen und einem optionalen Suffix.

2302Auto-Scroll Message ListDatendarstellungEin scrollbares Chat-Panel, das an die neueste Nachricht angeheftet bleibt, es sei denn, der Leser scrollt nach oben, woraufhin eine schwebende Schaltfläche „Zur neuesten Nachricht springen“ erscheint.

1917Avatar Lineup HoverDatendarstellungEine Reihe überlappender Avatar-Kreise, in denen man ihn über seine Nachbarn hebt, wenn man mit der Maus darüber fährt, und einen Namens-Tooltip anzeigt.

1918Avatar StackDatendarstellungEine Reihe überlappender kreisförmiger Avatare, die den Avatar unter dem Zeiger trennt und anhebt und darüber einen Namens-Tooltip anzeigt.