Advanced Elements·15 / 19

Tables

Organize data in rows and columns with tables.

Tables

Tables let you display data in organized rows and columns.

Basic Syntax

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |

Column Alignment

Use colons in the separator row:

| Left | Center | Right |
|:-----|:------:|------:|
| L    | C      | R     |
| L    | C      | R     |
  • :--- = left align (default)
  • :---: = center align
  • ---: = right align

Formatting in Tables

You can use inline formatting inside table cells:

| Feature | Status |
|---------|--------|
| **Bold** | *Italic* |
| `code` | ~~strike~~ |
| [Link](url) | Normal |

Tips for Tables

  • You don't need to align the pipes perfectly — it just looks nicer
  • The minimum separator is --- (3 dashes)
  • Tables must have a header row and a separator row
  • Each row must have the same number of columns

Minimal Syntax

This is valid too:

|Name|Age|
|-|-|
|John|25|

💡 For complex tables, consider using an online Markdown table generator tool!

Practice

Markdown Input
Live Preview

Table Practice

NameRoleSalary
AliceDeveloper$120,000
BobDesigner$110,000
CarolManager$130,000
DaveIntern$40,000