componente · @solu30/ui-kit/data-display

TableFooter

El tfoot. Para totales y sumas, no para paginación —eso va fuera de la tabla.

12 sitios de import en 5 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

TheCharterPanel
cmp-packages
dietaly
gestorsalon
luigi

La parte, adentro de su padre

Cargando el componente del paquete instalado…

TableFooter es una parte de Table: sola no significa nada. Así que el escenario monta el padre completo, y lo que se ve incluye más piezas que la de esta ficha.

Cómo se usa

import { TableFooter } from '@solu30/ui-kit/data-display'

Props

El catálogo no extrajo props para este símbolo, y eso admite dos lecturas: que el tipo no declare ninguna propia —heredarlas de un elemento HTML es lo normal en las piezas de composición— o que su interfaz se llame distinto y el extractor no la siga. Los filtros de columna son el segundo caso: declaran cuatro props requeridas en SelectFilterProps.

Ejemplo del paquete

// El <tfoot>, para los totales. Va DESPUÉS del TableBody.
<TableFooter>
  <TableRow>
    <TableCell>Total</TableCell>
    <TableCell className="text-right tabular-nums">{formatCurrency(total)}</TableCell>
  </TableRow>
</TableFooter>

Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.