Visualización de datos

Billing Ledger Table

Una tabla del libro mayor de facturas con un título encima y una banda de pie de página que totaliza la columna de importe.

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

Cómo usar Billing Ledger Table

Una tabla del libro mayor de facturas con un título encima y una banda de pie de página que totaliza la columna de importe.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: rowCount, showFooterTotal, accentColor, caption

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

Conecta tu agente

Relacionados

2299Animated metric counterVisualización de datosUn gran número simple que surge desde un valor inicial hasta su objetivo en el momento en que aparece a la vista, sobrepasándose ligeramente antes de estabilizarse, con separadores de miles y un sufijo opcional.

2302Auto-Scroll Message ListVisualización de datosUn panel de chat desplazable que se mantiene fijado al mensaje más reciente a menos que el lector se desplace hacia arriba, momento en el que aparece un botón flotante para saltar al último.

1917Avatar Lineup HoverVisualización de datosUna fila de círculos de avatar superpuestos donde, al pasar el cursor sobre uno, se eleva por encima de sus vecinos y se revela una información sobre herramientas con el nombre.

1918Avatar StackVisualización de datosUna fila de avatares circulares superpuestos que separa y levanta el que está debajo del puntero, revelando una información sobre herramientas con el nombre encima.

2113Before/After Code DiffVisualización de datosDos paneles de código uno al lado del otro, etiquetados antes y después, con líneas agregadas y eliminadas teñidas y un efecto de enfoque flotante.

2310Card Style Invoice TableVisualización de datosUna tabla de facturas representada como una tarjeta elevada, con la primera y la última fila redondeadas para que coincidan con la forma de la tarjeta.