Data Table Pro

A sortable, searchable data table for HubSpot pages. Each column carries a data type — text, number, currency, date or boolean — and sorting runs on that type, so figures order by value and dates order by calendar.

Rows are built from editor fields, so anything your team can type becomes a table: price lists, spec comparisons, invoice and contract registers, service status boards, fee schedules, timetables, release histories.

Cells can link through, carry emphasis, or render as a status pill with a dot colour set per value. A footer row holds totals. Search filters as you type, with a result count and an empty state you write yourself. Paging runs as numbered pages or a load-more button, with a rows-per-page control your visitors can change.

Long tables stay readable: the header can follow you down the page, the first column can stay put while the rest scrolls sideways, rows can be striped, and row height can be comfortable or compact. On a phone each row becomes a stacked card, or the table keeps its shape and scrolls sideways — set per instance.

Every colour, size, weight, letter spacing and radius is a field, grouped on the Style tab: typography, section and container, heading and eyebrow, search bar, table surface, header row, cells, status pills, footer and pager. Fonts and accent colour inherit from your HubSpot theme settings.

Accessibility is built in: column header semantics, aria-sort on sortable columns, labelled controls, and reduced-motion support.

Works on any HubSpot page template. No theme required.