AdaptTable for Radix
Export and print in Radix
One exportCsv() feature puts an export button in the toolbar, and one scope decides what leaves: the current page, every filtered row, or exactly the cells selected.
Swap the writer and the same button produces a different file. xlsxWriter writes Excel outline levels for grouped rows and bolds the totals; pdfWriter lays out a paginated document, right-to-left scripts included when you hand it a font.
Past the 50,000-row browser cap, onExportAll sends the page-free current view to your backend while the kit shows determinate or indeterminate progress, Cancel, Retry, and the finished download.
printTable opens the browser's own print dialog against a layout built for paper rather than a screenshot of the page.
The export control wraps its label in Radix's Spinner rather than swapping it out, which keeps the button the same width so the toolbar does not reflow when an export starts.
The code
import { DataTable } from "@adapttable/radix";
import { exportCsv } from "@adapttable/radix/export";
export function People({ source, columns, api }) {
return (
<DataTable
source={source}
columns={columns}
rowKey={(row) => row.id}
features={[
exportCsv({
scope: "all",
onExportAll: async (query, controls) =>
api.buildExport(query, {
signal: controls.signal,
onProgress: controls.setProgress,
onMessage: controls.setMessage,
}),
}),
]}
/>
);
}
Install
pnpm add @adapttable/radix @adapttable/core @radix-ui/themes
The same feature in the other kits
- Export and print in Mantine — Rounded, friendly, filled controls
- Export and print in MUI — Material elevation, uppercase actions
- Export and print in Chakra — Soft teal, generous radius
- Export and print in Ant Design — Compact, tinted header, crisp
- Export and print in Base UI — Unstyled primitives, blue accent
- Export and print in shadcn — Monochrome, ring focus
- Export and print in Tailwind — Unstyled — your own classes
More Radix features
- Filtering in Radix — Operators, an AND/OR tree, chips, and find in the same URL.
- Column management in Radix — Show, hide, reorder, pin and resize — from a menu you did not write.
- Column groups in Radix — Spanning headers that collapse to a stub, a kept child, or a custom cell.
- Row selection in Radix — A set of ids that survives paging, with bulk actions over it.
- Rows in Radix — Pin rows, merge cells, and a 3-dot menu for add and delete.
- Row reordering in Radix — Flat, grouped and tree moves — keyboard, confirm, host writes.
- Inline cell editing in Radix — Kit-native editors in the cell; every write goes through your handler.
- Row grouping in Radix — Drag, keyboard and mobile grouping controls with live aggregation overrides.
- Aggregation in Radix — Footer totals, pinned summaries, group aggregates — not data rows.
- Nested tables in Radix — A real table under a row — same engine, own columns, own keys.
- Row and column virtualization in Radix — 100k rows, 40 columns, virtualized rows and columns, sticky chrome.
- Tree data in Radix — Nesting, chevrons, URL expansion, and host-owned tree moves.
- Mobile cards in Radix — Every row becomes a card on phones. Automatically, with the same state.
- Pivot tables in Radix — Rows down the side, dimensions across the top, subtotals at every level.
- Saved views in Radix — Name an arrangement, share it as a link, manage the list in place.
- Spreadsheet formulas in Radix — ROUND, POWER, SQRT, IF — computed columns, errors in the cell.
- Right-to-left Radix data table — Arabic strings, a flipped axis, and a popover that opens from the right edge.
- Live updates in Radix — Rows change while you read them. Sort and selection hold.
- Accessible Radix data table — Arrow-key focus, a visible ring, forced-colors, and live announcements.
- AI table assistant in Radix — Native assistant, feature-aware prompts and governed action receipts.
Reference: exporting, export-pdf. More of this kit: AdaptTable for Radix, or the live demo.