---
title: HubSpot Data Table Module — Sortable & Searchable | Studio Nope
description: A sortable, searchable data table module for HubSpot pages. Typed columns so figures order by value and dates by calendar, plus search, paging, status pills and a totals row. One-time $19.99.
image: https://www.studionope.com/hubfs/studio-nope-og-card.png
---

[Studio Nope](https://www.studionope.com/)

[Services](https://www.studionope.com/services) [Themes](https://www.studionope.com/themes) [Modules](https://www.studionope.com/modules) [Bundles](https://www.studionope.com/bundles) [Tools](https://www.studionope.com/tools) [Blog](https://www.studionope.com/blog) [Contact](https://www.studionope.com/contact)

HubSpot Table Module

# Data Table Pro

A sortable, searchable data table for HubSpot pages. Each column carries a data 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.

[Get it on HubSpot →](https://ecosystem.hubspot.com/marketplace/modules/data-table-pro-module-by-studio-nope) [View demo →](https://www.nopethemes.com/data-table-pro)

Demo

## Sort it, search it, page through it.

Search filters as you type, with a live result count and an empty state you write yourself. Paging runs as numbered pages or a load-more button, and visitors can change how many rows they see.

typed columnssearch as you typenumbered pagesstatus pillstotals rowsticky headerpinned first column

Features

## What this module does.

Every option below is a real, editable field in the HubSpot page editor.

01

### Sorting that follows the data type

Each column is typed — text, number, currency, date or boolean — and sorting runs on the type. Columns can opt out of sorting, and you set the column and direction the table loads with.

02

### Search, paging and small screens

Search filters as you type with a live result count. Paging runs as numbered pages or load-more, with a rows-per-page control. On a phone each row becomes a stacked card, or the table scrolls sideways with the first column pinned.

03

### Cells that carry meaning

Cells can link through, carry emphasis, or render as a status pill with a dot colour set per value. A footer row holds totals.

04

### 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.

05

### Styled from the editor

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

06

### Accessible by default

Column header semantics, aria-sort on sortable columns, labelled controls, and reduced-motion support. Works on any HubSpot page template, with no theme required.

Pricing

## One-time price.

A single one-time purchase on the HubSpot Marketplace — no subscription.

Data Table Pro

$19.99one-time

One-time price on the HubSpot Marketplace. Works with any theme; every option is a field in the page editor.

- Standalone HubSpot CMS module
- Full Style tab so it matches your brand
- Clean, documented HubL — no dependencies
- Free updates and support

[Get it on HubSpot →](https://ecosystem.hubspot.com/marketplace/modules/data-table-pro-module-by-studio-nope)

FAQ

## Common questions.

What does Data Table Pro do?

It puts a sortable, searchable table on a HubSpot page. 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 price lists, spec comparisons, fee schedules and release histories all become tables.

Do we need a developer to use it?

No. Once it is installed, every setting is a field in the HubSpot page editor, so your marketing team drops it into a page and edits it like any native module.

How does it behave on a phone?

Set it per instance. Each row can become a stacked card, or the table can keep its shape and scroll sideways with the first column pinned. Long tables can also keep the header row following you down the page.

How much does it cost?

It is a one-time purchase of $19.99 on the HubSpot Marketplace, which includes free updates and support.

## Tell us whatyou're building.

Themes, modules, full builds, audits, migrations. Send the shape of it and we'll come back with a clear scope and a price.

[Get in touch →](https://www.studionope.com/contact)

[Studio Nope](https://www.studionope.com/)

© 2026 Studio Nope.  
All rights reserved.

##### Products

[Themes](https://www.studionope.com/themes)[Modules](https://www.studionope.com/modules)[Bundles](https://www.studionope.com/bundles)[Tools](https://www.studionope.com/tools)

##### Services

[Custom themes](https://www.studionope.com/services/custom-hubspot-theme-development)[Branding & design](https://www.studionope.com/services/hubspot-branding-design)[HubL & CMS dev](https://www.studionope.com/services/hubl-hubspot-cms-development)[Website builds](https://www.studionope.com/services/hubspot-website-funnel-builds)[Audits & migrations](https://www.studionope.com/services/hubspot-audits-fixes-migrations)

##### Company

[Blog](https://www.studionope.com/blog)[FAQ](https://www.studionope.com/faq)[Contact](https://www.studionope.com/contact)[Legal](https://www.studionope.com/legal)

##### Get in touch

[hello@studionope.com](mailto:hello@studionope.com)[Contact](https://www.studionope.com/contact)[YouTube](https://www.youtube.com/@Hello-Studio-Nope)

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://www.studionope.com/data-table-pro#breadcrumb",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : "https://www.studionope.com/",
    "name" : "Home",
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : "https://www.studionope.com/modules",
    "name" : "HubSpot Modules",
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : "https://www.studionope.com/data-table-pro",
    "name" : "Data Table Pro",
    "position" : 3
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://www.studionope.com/data-table-pro#product",
  "@type" : "Product",
  "brand" : {
    "@type" : "Brand",
    "name" : "Studio Nope"
  },
  "category" : "HubSpot CMS module",
  "description" : "A sortable, searchable data table module for HubSpot pages. Each column carries a data type, so figures order by value and dates by calendar. Search, paging, status pills, a totals row, a sticky header and a pinned first column — all editable in the page editor.",
  "name" : "Data Table Pro",
  "offers" : {
    "@type" : "Offer",
    "availability" : "https://schema.org/InStock",
    "price" : "19.99",
    "priceCurrency" : "USD",
    "url" : "https://ecosystem.hubspot.com/marketplace/modules/data-table-pro-module-by-studio-nope"
  },
  "url" : "https://www.studionope.com/data-table-pro"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://www.studionope.com/data-table-pro#faq",
  "@type" : "FAQPage",
  "mainEntity" : [ {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "It puts a sortable, searchable table on a HubSpot page. 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 price lists, spec comparisons, fee schedules and release histories all become tables."
    },
    "name" : "What does Data Table Pro do?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "No. Once it is installed, every setting is a field in the HubSpot page editor. Your marketing team drops it into a page and edits it like any native module."
    },
    "name" : "Do we need a developer to use it?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Set it per instance. Each row can become a stacked card, or the table can keep its shape and scroll sideways with the first column pinned. Long tables can also keep the header row following you down the page."
    },
    "name" : "How does it behave on a phone?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "A one-time purchase of $19.99 on the HubSpot Marketplace, which includes free updates and support."
    },
    "name" : "How much does it cost?"
  } ]
}
```