---
title: "How to Insert Images in Table Cell Content in WordPress?"
url: https://nexterwp.com/docs/insert-images-in-table-content-in-wordpress/
date: 2023-04-11
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "A product or team table is far easier to scan with a picture next to each row than with names alone. Every cell in the Data Table block can hold..."
image: https://nexterwp.com/wp-content/uploads/2024/05/insert-images-in-table-content-in-wordpress-1024x519.jpg
word_count: 478
---

# How to Insert Images in Table Cell Content in WordPress?

## Key Takeaways

- Nexter Blocks Data Table block adds images or icons to any table header or body cell in WordPress without custom code, while the default WordPress Table block does not provide a native way to include images inside individual cells.
- Data Table block uses the Action section set to Cell Content, then the Icon tab and Select section set to Image, which switches the cell input type from text or icon to an image upload field.
- Image Size dropdown controls display size inside each cell, which keeps product thumbnails or logos consistent across rows for product comparison tables, team or directory listings, and feature comparison tables.

A product or team table is far easier to scan with a picture next to each row than with names alone.

Every cell in the Data Table block can hold an image or an icon instead of plain text.

*For every Data Table setting in one place, see the [Data Table block guide](https://nexterwp.com/docs/add-data-table-in-wordpress/).*

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-data-table/)

## Before You Start

- **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Data Table, switched on under **Nexter > Blocks** in your WordPress dashboard.- **Your images in the Media Library**, so you can pick them from the cell.

## Steps

- Add the **Data Table** block to your page and click **Design from Scratch**.

- In the **Table** panel, leave **Type** on **Standard**.

![The Table panel with Type set to Standard](https://nexterwp.com/wp-content/uploads/2026/09/data-table-type.webp)

- Open **Table Header**. Each item's **Action** is either **Start New Row** or **Cell Content** — start a row, then add one **Cell Content** item per column and type its heading.

![A Table Header item with the Action dropdown](https://nexterwp.com/wp-content/uploads/2026/09/data-table-header.webp)

- Open **Table Body** and do the same: a **Start New Row** item, then one **Cell Content** item per column with its **Text**.

![A Table Body cell item with the Text field](https://nexterwp.com/wp-content/uploads/2026/09/data-table-body.webp)

- In **Table Body**, open the **Cell Content** item that should show the picture and switch to its **Icon** tab.

- Set **Select** to **Image**, choose the file under **Upload Icon Image** and pick an **Image Size**.

- Repeat for the other rows, then publish.

![A table with a photo in the last column of each row](https://nexterwp.com/wp-content/uploads/2026/09/data-table-fe-image.webp)

## Image or Icon

| Select | What the cell shows |
| ------ | ------------------- |
| None | Just the cell's text |
| Icon | An icon you pick, with its own colour |
| Image | A picture from your Media Library, at the size you choose |

## How It Behaves

- The choice is per cell, so one column can hold pictures while the others stay text.- **Image Size** uses your site's registered sizes, so choosing a smaller one serves a smaller file rather than scaling a large image down in the browser.- A cell can show both its text and its picture — the text is not replaced.- Icons take a colour of their own, which makes them useful for tick and cross style comparison rows.

## Limitations

- Images are chosen cell by cell, so a long table takes a while to build.- Rows imported from a CSV file or a Google Sheet cannot carry images — they arrive as plain text.- A cell showing only a picture has no text for search or sorting to match on, so keep a text label in the row if visitors need to find it.- Large images in many cells make the page heavy; pick a modest **Image Size**.

## Troubleshooting

### No image appears

Check the cell's **Icon** tab: **Select** has to be on **Image**, and a file has to be chosen under **Upload Icon Image**.

### The picture is too big or too small

Change **Image Size** on that cell rather than resizing the original file.

### My imported table has no images

CSV and Google Sheet rows are plain text. Build the table as **Standard** to use pictures.

## Related Docs

- [Add a button link to a cell](https://nexterwp.com/docs/add-button-in-wordpress-table/)- [Build a comparison table](https://nexterwp.com/docs/comparison-table-in-wordpress/)- [Data Table block: all settings](https://nexterwp.com/docs/add-data-table-in-wordpress/)

## Frequently Asked Questions

**Q: Why won't images show up in my WordPress table cells?**
A: The default WordPress Table block does not have a native image option inside individual cells, so images usually need workarounds there. Nexter Blocks adds a dedicated image option inside each cell, which is why it fits this use case better. The key detail is that the cell has to be treated as content first, not just structure, before image or icon controls appear.

**Q: What do I need before adding images to a table cell in WordPress?**
A: Nexter Blocks has to be installed and activated because the Data Table block is part of it. That matters because the image-in-cell feature is not coming from the default WordPress Table block. Once the block is available, you can use its cell controls to place images in table body cells or header cells without custom code.

**Q: How do I add an image inside a WordPress table body cell?**
A: The Data Table block from Nexter Blocks lets you add an image directly inside a body cell by setting the cell’s Action to Cell Content and then choosing Image in the Icon tab. That switch matters because it changes the cell from a structural element into editable content. After that, the image appears in the selected cell, and you can control its display size.

**Q: Can I use logos or icons instead of text in a WordPress data table?**
A: The Data Table block supports both images and icons in cells, so it works well for brand logos, category marks, and visual comparison tables. If you want an icon instead of an uploaded image, choose Icon from the section rather than Image. That makes it useful for feature comparison tables where visual labels are faster to scan than text alone.

**Q: What is the best way to keep table images consistent across rows?**
A: Using the Image Size dropdown is the cleanest way to keep thumbnails or logos visually consistent across rows. That matters in product comparison tables and team listings because uneven image sizes make tables harder to scan. Nexter Blocks gives you that size control inside each cell, so you can keep the layout tidy without editing every image externally.

**Q: Can I add images to table headers as well as body cells?**
A: The same process works for table header cells too, not just body cells. That is useful when a column needs a category icon or logo at the top, which makes comparison tables easier to read at a glance. Nexter Blocks also pairs well with mobile-friendly layouts, so if your table gets wide, [How to Make Data Tables Mobile Responsive in WordPress](https://nexterwp.com/docs/make-data-tables-mobile-responsive-in-wordpress/) is the next thing to look at.