Affichage des données

Card Style Invoice Table

Un tableau de factures présenté sous la forme d'une seule carte surélevée, avec ses première et dernière rangées arrondies pour correspondre à la forme de la carte.

Invoice	Status	Amount
INV-2041	Paid	$1,240.00
INV-2042	Pending	$860.50
INV-2043	Overdue	$420.00

Utiliser Card Style Invoice Table

Un tableau de factures présenté sous la forme d'une seule carte surélevée, avec ses première et dernière rangées arrondies pour correspondre à la forme de la carte.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: accentColor, rowCount, showHeader, currency

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2299Animated metric counterAffichage des donnéesUn grand chiffre nu qui jaillit d'une valeur de départ jusqu'à sa valeur cible au moment où il défile, dépassant légèrement avant de se stabiliser, avec des milliers de séparateurs et un suffixe facultatif.

2302Auto-Scroll Message ListAffichage des donnéesUn panneau de discussion déroulant qui reste épinglé sur le message le plus récent à moins que le lecteur ne fasse défiler vers le haut, auquel cas un bouton flottant jump-to-latest apparaît.

1917Avatar Lineup HoverAffichage des donnéesUne rangée de cercles d'avatar qui se chevauchent où le survol de l'un d'entre eux le soulève au-dessus de ses voisins et révèle une info-bulle de nom.

1918Avatar StackAffichage des donnéesUne rangée d'avatars circulaires superposés qui sépare et soulève celui sous le pointeur, révélant une info-bulle de nom au-dessus.

2113Before/After Code DiffAffichage des donnéesDeux panneaux de code côte à côte, étiquetés avant et après, avec des lignes ajoutées et supprimées teintées et un effet de mise au point en survol.

2304Billing Ledger TableAffichage des donnéesFiltrez les statuts des factures, triez les montants et recalculez le total visible.