TableFooter

Source: client/lib/theme/vueda-tailwind/grid/index.js

The <tfoot> section wrapper for summary and total rows. Its muted fill and top divider separate aggregates from body rows while leaving row cells free to handle numeric alignment. The divider sits on the first footer row's cells, and the last footer row drops its own divider, because the separated border model does not paint borders on <tfoot> or <tr>.

Vue component: TableFooter

Slot	Default classes	Description
root	2 classes	The <tfoot> section wrapper for summary and total rows. Its muted fill and top divider separate aggregates from body rows while leaving row cells free to handle numeric alignment. The divider sits on the first footer row's cells, and the last footer row drops its own divider, because the separated border model does not paint borders on <tfoot> or <tr>.

root

The <tfoot> section wrapper for summary and total rows. Its muted fill and top divider separate aggregates from body rows while leaving row cells free to handle numeric alignment. The divider sits on the first footer row's cells, and the last footer row drops its own divider, because the separated border model does not paint borders on <tfoot> or <tr>.

Default classes:

bg-muted/50 text-muted-foreground font-medium
[&>tr:first-child>*]:border-t-hairline [&>tr:last-child>*]:border-b-0

Source: client/lib/theme/vueda-tailwind/grid/TableFooter.theme.js:19