data@pdfcn-vue/data-table

DataTable

Column-driven data table with compact styles and footers.

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/data-table

Example

<DataTable :columns="columns" :rows="rows" :footer="footer" />

Prop	Type	Default	Description
columns	DataTableColumn[]	—	Column definitions (key, label, width, align).
rows	Record<string, unknown>[]	—	Row data matching column keys.
footer	DataTableFooter	—	Optional footer totals row.
dense	boolean	false	Tighter row padding.

The gallery uses a shared document. Change its theme in the theme builder to compare tokens.

DataTable in a document

Rendered with Forme in your browser.

Browser render

Rendering the PDF…

Vue SFC → Uint8Array

Registry paths

Files installed under components/pdf.

Need the full template?

See blocks for invoices and reports composed from these primitives.