---
title: "New Table Component"
slug: table-component
description: "Add beautiful tables to your Broadcasts and Templates."
created_at: "2026-09-10"
updated_at: "2026-09-10"
image: https://cdn.resend.com/posts/table-component.jpg
humans: ["danilo-woznica"]
---

Data is often much easier to scan when it's visual.

- **Order receipts**: line items, quantities, and totals
- **Plan comparisons**: features and prices side by side across tiers
- **Event schedules**: sessions, times, and locations

Today, we're introducing a **Table component** in the [Broadcast](/features/broadcasts) and [Template](/features/templates) editors.

<YouTube videoId="MrKB3ACvzds" />

## How it works

Type `/table` or pick **Table** from the component toolbar to insert a 3x3 table. 

<video
  src="https://cdn.resend.com/posts/table-component.mp4"
  autoPlay
  loop
  muted
  playsInline
  className="extraWidth"
/>

Make continued adjustments to fit your needs:
- **Rows and columns**: add or delete them from the row and column menus, or press Tab in the last cell to add a row.
- **Headers**: toggle a header row or header column.
- **Alignment**: align each column left, center, or right.
- **Style**: choose all borders, horizontal borders, or none, and turn on striped rows.

Cells hold text, images, and variables, so a table can pull in contact properties like everything else in the editor.

## Paste Markdown tables

If you already keep a table in Markdown, paste it straight into the editor. It becomes a Table component, and the alignment markers in the separator row carry over to each column.

```md
| Plan    |  Seats  |  Price |
| :------ | :-----: | -----: |
| Starter |    1    |     $0 |
| Pro     |    5    |    $20 |
| Team    |   25    |    $80 |
```

<video
  src="https://cdn.resend.com/posts/table-component-1.mp4"
  autoPlay
  loop
  muted
  playsInline
  className="extraWidth"
/>

The first column stays left-aligned, seats are centered, and prices are right-aligned, exactly as written.

## Send a test email first

Email clients each render tables a little differently. Before you send to your audience, click **Test email** in the editor and check how the table looks in your own inbox. 

<video
  src="https://cdn.resend.com/posts/table-component-2.mp4"
  autoPlay
  loop
  muted
  playsInline
  className="extraWidth"
/>

What else do you want us to add to the editor? [Let us know](/help) how we can make the editor experience even better for you.