---
title: "How to insert Images in Table Cell content in Elementor?"
url: https://theplusaddons.com/docs/insert-images-in-table-content-in-elementor/
date: 2023-03-06
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "A small product photo or a check mark makes a table much quicker to scan than plain text. The Table widget from The Plus Addons for Elementor can place an..."
image: https://theplusaddons.com/wp-content/uploads/2023/03/How-to-insert-Images-in-Table-Cell-content-in-Elementor_-1024x536.jpg
word_count: 551
---

# How to insert Images in Table Cell content in Elementor?

## 

- The Plus Addons for Elementor Table widget place an image or an icon in any header or body cell, before or after the cell text.
- The Table widget works in the free plugin, and the images must be uploaded to the Media Library with a title because the widget uses it as the image's alt text.
- Style > Icon / Image Options sets size and position for the whole table, with defaults like Icon Size 30, Image Size 30, and spacing 10; per-cell icons and images belong to the Custom source only.

A small product photo or a check mark makes a table much quicker to scan than plain text.

The **Table** widget from The Plus Addons for Elementor can place an image or an icon in any header or body cell, before or after the cell text.

*To check the complete feature overview documentation of The Plus Addons for Elementor Table widget, [click here](https://theplusaddons.com/docs/table-elementor-widget-settings-overview/).*

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/data-tables/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Free** — this works in the free plugin; Pro is not needed.- **Widget to enable:** Table, switched on under **The Plus Addons > Widgets**.- The images you want to use, uploaded to the Media Library. Give them a title: the widget uses it as the image's alt text.

## How to Add an Image to a Cell

- Add the **Table** widget and keep **Content Table** set to **Custom**.- Open **Table Body** and click the cell item you want. Its **Action** must be **Cell Content**.- Go to the **ICON / IMAGE** tab of the item and set **Select** to **Image**.- Click **Choose Image** and pick the image. Use **Image Resolution** to load a smaller file, such as Thumbnail.

![The ICON / IMAGE tab of a Table Body cell with Select set to Image and a photo chosen](https://theplusaddons.com/wp-content/uploads/2026/09/table-body-image.webp)

For a header cell, open **Table Header**, pick the cell and use its **ICON / IMAGE** tab.

## How to Add an Icon to a Cell

- On the same **ICON / IMAGE** tab, set **Select** to **Icon**.- Keep **Icon Font** on **Font Awesome** and choose the icon. **Icon Color** changes the colour of this icon only.

![The ICON / IMAGE tab of a Table Body cell with Select set to Icon and a Font Awesome check icon](https://theplusaddons.com/wp-content/uploads/2026/09/table-body-icon.webp)

This is the result on the page, with a header icon, product photos and check icons:

![A product table on the live page with a cart icon in the header, small product photos and check and cross icons](https://theplusaddons.com/wp-content/uploads/2026/09/table-result-icon-image.webp)

## Size and Position

Go to **Style > Icon / Image Options**. The settings apply to every cell of the table.

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Icon Size | Size of the icons | 30 |
| Icon Position | Icon **Before** or **After** the text | Before |
| Icon Spacing | Space between icon and text | 10 |
| Image Size | Width of the images, in px | 30 |
| Image Position | Image **Before** or **After** the text | Before |
| Image Spacing | Space between image and text | 10 |
| Border Radius | Rounds the corners of the images | — |

![Example comparison table with car photos in the header row](https://theplusaddons.com/wp-content/uploads/2023/03/table-content-image-demo.png)

## How It Behaves

- Images are shown **30 px wide** until you change **Image Size**, whatever file size you choose in Image Resolution.- The image's title in the Media Library becomes its alt and title text.- Per-cell icons and images belong to the Custom source. Tables filled from CSV File, Google Sheet, Plus Form or SQL Query have no per-cell icons or images.

## Limitations

- **Icons can be invisible.** The Font Awesome icons use the older Font Awesome 4 icon classes, and the widget does not load that icon font. On our test page the icons took up no space and showed nothing until Font Awesome was loaded by something else on the page.- **Icons Mind** icons need The Plus Addons for Elementor Pro.- Size and position are set once for the whole table, not per cell.

## Troubleshooting

### My icon does not show on the page

The Font Awesome 4 icon font is not loaded on that page. Check the page on the front end; if other widgets on the page load Font Awesome the icon appears. An image of the icon is a reliable alternative.

### My image is tiny

Raise **Image Size** in **Style > Icon / Image Options**. The default is 30 px.

## Related Docs

- [Table widget settings overview](https://theplusaddons.com/docs/table-elementor-widget-settings-overview/)- [Insert a button inside a table cell](https://theplusaddons.com/docs/insert-button-inside-elementor-table/)- [Create a comparison data table](https://theplusaddons.com/docs/comparison-data-table-in-elementor/)

## Frequently Asked Questions

**Q: How do I insert an image into a table cell in Elementor?**
A: The Table widget from The Plus Addons for Elementor lets you place an image in a header or body cell when the table uses the Custom source. The key detail is that the cell’s Action must be Cell Content, then you switch to the ICON / IMAGE tab and set Select to Image. That setup matters because CSV File, Google Sheet, Plus Form, and SQL Query tables do not support per-cell images.

**Q: Why is my table icon not showing on the page?**
A: Font Awesome 4 is the usual reason. The widget uses older Font Awesome 4 icon classes, but it does not load that icon font itself, so the icon can appear blank until something else on the page loads Font Awesome. On the front end, check whether another widget is supplying it. If not, an image version of the icon is the safer fallback.

**Q: What do I need before adding images to table cells?**
A: The setup depends on three things: The Plus Addons for Elementor must be installed and activated, the Table widget must be enabled under The Plus Addons > Widgets, and your images should already be in the Media Library. A useful detail is that the image title becomes both alt text and title text, so naming files well helps accessibility and keeps output cleaner.

**Q: Can I use images or icons in tables filled from CSV or Google Sheets?**
A: Per-cell images and icons only work with the Custom source. That means tables filled from CSV File, Google Sheet, Plus Form, or SQL Query do not support this kind of cell-level media. This limitation matters if you are building comparison tables or data-driven tables, because you need to choose between dynamic imports and per-cell visual elements.

**Q: What is the best image size for table cells in Elementor?**
A: The default Image Size is 30 px, so small product photos will look tiny unless you increase it in Style > Icon / Image Options. The widget still shows images at 30 px wide until you change that setting, even if you pick a larger file in Image Resolution. For cleaner results, use a smaller source file like Thumbnail when you do not need full resolution.

**Q: Can I change icon and image spacing separately for each table cell?**
A: No. Size and position are controlled once for the whole table in Style > Icon / Image Options, not per cell. That means Icon Size, Icon Position, Icon Spacing, Image Size, Image Position, Image Spacing, and Border Radius apply globally across the table. This is useful for consistency, but it also means mixed layouts need planning before you start styling.