Datendarstellung

Billing Ledger Table

Eine Rechnungsbuchtabelle mit einer Überschrift darüber und einem Fußzeilenband, das die Betragsspalte summiert.

A list of your recent invoices.
Invoice	Status	Method	Amount
INV-1042	Paid	Visa •••• 4242	$1,240.00
INV-1043	Pending	ACH transfer	$860.50
INV-1044	Overdue	Mastercard •••• 1881	$420.00
INV-1045	Paid	PayPal	$3,120.75
INV-1046	Refunded	Visa •••• 4242	$95.00
INV-1047	Paid	Wire transfer	$1,780.20
INV-1048	Pending	Mastercard •••• 1881	$640.00
Total			$8,156.45

Billing Ledger Table verwenden

Eine Rechnungsbuchtabelle mit einer Überschrift darüber und einem Fußzeilenband, das die Betragsspalte summiert.

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: rowCount, showFooterTotal, accentColor, caption

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

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.

2113Before/After Code DiffDatendarstellungZwei Codefelder nebeneinander, mit Vorher- und Nachherbeschriftung, mit eingefärbten hinzugefügten und entfernten Linien und einem Hover-Fokus-Effekt.

2310Card Style Invoice TableDatendarstellungEine Rechnungstabelle, die als eine erhöhte Karte gerendert wird, wobei die erste und letzte Zeile abgerundet sind, um der Kartenform zu entsprechen.