BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Simple Table Free

How to set up and style the Simple Table widget in Elementor.

Simple Table builds a table from rows you type, one row per line with | between the cells. It adds a header row, row titles, stripes and lines, and on phones each row becomes a card or the table scrolls sideways.

Part of: Bright Addons (free).

Set it up

  1. Drag the Simple Table widget onto the page.

  2. In Columns, add a Column Title for each column.

  3. In Rows, type one row per line with | between the cells.

  4. Choose Header Row, First Column as Row Titles, Striped Rows and Lines.

  5. Pick what happens On Phones.

  6. Style the table, header, cells and caption.

Content options

Columns

Option What it does
Columns One item per column.
Column Title The header text.
Alignment Left, center or right for the column.
Width Optional width, such as 30%.

Rows

Option What it does
Rows One row per line. Separate cells with /. Bold, italic and links are allowed.
Caption Optional short description shown above the table.
Header Row Shows the column titles.
First Column as Row Titles Makes the first cell of each row a row title.
Striped Rows Colors every other row.
Lines Between rows, around every cell, or none.
Highlight Row on Hover Colors the row under the pointer.
On Phones Stack each row as a card, or scroll sideways.
Bright Addons Pro

Like this free widget? Get 70+ more with Pro

Pro adds 77 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $16 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Table

    line color, stripe color, hover color, cell padding and corner radius.

  • Header

    background, color and typography.

  • Cells

    background, color, typography, row title color and typography.

  • Caption

    color and typography.

Tips

  • In the stacked phone view, each cell shows its column title as a label, so keep titles short.

  • A table can have up to 200 rows and 12 columns.

  • The output is a real HTML table with header cells, so screen readers can read it.

Questions and answers

How do I add a new row?

Add a new line in Rows and separate the cells with |.

Can I put links in cells?

Yes. Bold, italic and links are allowed inside cells.

How does it look on phones?

Each row becomes a card with labels, or the table scrolls sideways, depending on On Phones.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides