NoNex
Docs
/
Block
/
⛩️
Table
⛩️

Table

NoNex renders Notion's table blocks with full support for headings, overflow, and rich text formatting, exactly as they appear in Notion.

Published on

Table Blocks in NoNex

Table blocks in Notion allow for organizing content in rows and columns. NoNex ensures tables are rendered perfectly on your website, maintaining structure and supporting all Notion table options.

Features of NoNex Table Rendering

  1. 1.
    Exact Match with Notion
    • Tables look and behave the same as in Notion.
    • Fully responsive with proper HTML table structure.
  2. 2.
    Table Options
    • Heading Row: Add a header to the first row.
    • Heading Column: Add a header to the first column.
    • Both Headings: Use both row and column headers.
    • No Headings: Use a simple table without headers.
  3. 3.
    Overflow Support
    • Add unlimited rows and columns; the table will render perfectly without any layout issues.
  4. 4.
    Rich Text Features
    • Supports bold, italic, underline, and inline links.
    • Includes inline equations, mentions, and emojis.

Table Examples

Example 1: Table with Heading Row

NameRole
AliceDeveloper
BobDesigner

Example 2: Table with Heading Column

TaskStatus
Create a websiteIn Progress
Add featuresCompleted

Example 3: Table with Both Headings

CategoryFeatureDetails
PerformanceFast Build TimesUses Next.js 15 with TurboPack
DesignCustom TemplatesBeautiful and responsive

Example 4: Table Without Heading Row or Heading Column

CellCellCellCell
CellCellCellCell
CellCellCellCell
CellCellCellCell

Example 5: Large overflow Table

Column 1Column 2Column 3Column 4Column 5Column 6Column 7Column 8
Row 1, Cell 1Row 1, Cell 2Row 1, Cell 3Row 1, Cell 4Row 1, Cell 5Row 1, Cell 6Row 1, Cell 7Row 1, Cell 8
Row 2, Cell 1Row 2, Cell 2Row 2, Cell 3Row 2, Cell 4Row 2, Cell 5Row 2, Cell 6Row 2, Cell 7Row 2, Cell 8
Row 3, Cell 1Row 3, Cell 2Row 3, Cell 3Row 3, Cell 4Row 3, Cell 5Row 3, Cell 6Row 3, Cell 7Row 3, Cell 8
Row 4, Cell 1Row 4, Cell 2Row 4, Cell 3Row 4, Cell 4Row 4, Cell 5Row 4, Cell 6Row 4, Cell 7Row 4, Cell 8
Row 5, Cell 1Row 5, Cell 2Row 5, Cell 3Row 5, Cell 4Row 5, Cell 5Row 5, Cell 6Row 5, Cell 7Row 5, Cell 8
Row 6, Cell 1Row 6, Cell 2Row 6, Cell 3Row 6, Cell 4Row 6, Cell 5Row 6, Cell 6Row 6, Cell 7Row 6, Cell 8
Row 7, Cell 1Row 7, Cell 2Row 7, Cell 3Row 7, Cell 4Row 7, Cell 5Row 7, Cell 6Row 7, Cell 7Row 7, Cell 8
Row 8, Cell 1Row 8, Cell 2Row 8, Cell 3Row 8, Cell 4Row 8, Cell 5Row 8, Cell 6Row 8, Cell 7Row 8, Cell 8
Row 9, Cell 1Row 9, Cell 2Row 9, Cell 3Row 9, Cell 4Row 9, Cell 5Row 9, Cell 6Row 9, Cell 7Row 9, Cell 8
Row 10, Cell 1Row 10, Cell 2Row 10, Cell 3Row 10, Cell 4Row 10, Cell 5Row 10, Cell 6Row 10, Cell 7Row 10, Cell 8

With NoNex, tables are transformed into interactive and visually appealing components on your website.