Data Table
Powerful tables with filtering, sorting, row selection, and row actions.
Installation
$npx maddex add DataTable
Basic Payments Table
Start with the shadcn-style payments baseline: filtering, sorting, pagination, row selection, and column visibility in one table.
Preview
{getFilteredSelectedCount()} of {getFilteredRows().length} row(s) selected.
Page {getCurrentPageIndex() + 1} of {getPageCount()}
{liveMessage}
Actions
With Row Actions
Add an actions menu per row, then let those actions update sibling UI so the table can drive the rest of the page.
Preview
{getFilteredSelectedCount()} of {getFilteredRows().length} row(s) selected.
Page {getCurrentPageIndex() + 1} of {getPageCount()}
{liveMessage}
Actions
Last Action
{lastCampaignActionTitle}
{lastCampaignActionSummary}
Compact Read-Only Report
Turn off selection, pagination, and column controls when the table should read like a lightweight snapshot instead of a management surface.
Preview
{getFilteredSelectedCount()} of {getFilteredRows().length} row(s) selected.
Page {getCurrentPageIndex() + 1} of {getPageCount()}
{liveMessage}
Actions