---
title: "Data Table Pro — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Isaac Yi · Text. Data Table Pro takes data three ways — paste raw CSV, point at a published Google Sheet, or fetch a JSON array — and turns it into…"
canonical: "https://framer.elliotli.dev/component/data-table-pro"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Data Table Pro

# Data Table Pro

CSV, Sheets, JSON. Sort & search.

[View on Framer](https://framer.com/marketplace/components/data-table-pro/?via=elliot-li)

![Data Table Pro preview image 1](https://framer.elliotli.dev/og/component/data-table-pro/cb44d671a59ea1eb/1600x914.jpg)

## Summary

Data Table Pro takes data three ways — paste raw CSV, point at a published Google Sheet, or fetch a JSON array — and turns it into a sortable, searchable, paginated table.

## Description

Most Framer data tables need either a live API connection or a plugin subscription just to show a sortable list. If your data is just sitting in a spreadsheet or a CSV export, that's a lot of setup for something that should take seconds.

Data Table Pro takes data three ways — paste raw CSV, point at a published Google Sheet, or fetch a JSON array — and turns it into a sortable, searchable, paginated table. No API key, no external library, no monthly plugin fee.

What you get:

— Three data sources: paste CSV directly, a published Google Sheet CSV URL, or a JSON array URL

— Hand-written CSV parser that handles quoted fields, escaped quotes, CRLF/LF line endings, and ragged rows

— Click-to-sort headers with automatic numeric detection (handles "$1,234" and "98%"), cycling asc → desc → none

— Global search across every cell, resets to page one automatically

— Pagination with a configurable page size, loading/error/empty states built in

— Horizontal-scroll-safe layout — never breaks your page width, even with wide tables

Built for SaaS dashboards, internal tools, and marketing sites that need to show real tabular data — pricing tiers, customer lists, comparison sheets — without wiring up a backend.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8982

## Details

- **Author**: Isaac Yi
- **Price**: $10.00
- **Published**: 2026-07-08
- **Updated**: 2026-09-22
- **Added**: 2026-07-08
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing