Introduction

Structured Table (shortly called as structured-table or STL) is a powerful, schema-driven engine designed to make table management easy, consistent, and performant. While it was born out of the need for better tables in Sanity Studio, it has evolved into a framework-agnostic solution.

NOTE: STL is currently in it's in verson 0.1.1 that supports many features, that helps to create static tables now, upcoming version can support dynamic tables.

Why Structured Table?

Most CMS table plugins store data as raw HTML or simplified generic objects that are hard to render consistently on the frontend. They often crash with complex layouts or fail to support mobile views.

Structured Table takes a different approach:

  • Schema-First: Data is stored in a clean, text-based format (STL), not HTML.

  • Render-Anywhere: Because the data is structured, you can render it as a semantic `<table>` (using our renderers), a flex grid, or even a chart (using the structured json).

  • STL Syntax: A markdown-like syntax (Structured Table Language) for defining tables quickly.

  • Headless Ready: Perfect for Next.js, Remix, Gatsby, or any headless stack where javascript support is available.

Installation

Install the core package to get started:

bash
npm install structured-table

Or with yarn/pnpm:

bash
pnpm add structured-table

Next Steps

Depending on your use case, jump to the relevant guide:

Sanity Table LogoStructured Tables
Fast, free and open source.
Write in STL (Structured Table Language), render anywhere.