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.
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.
- 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.
- Open Table Body and do the same: a Start New Row item, then one Cell Content item per column with its Text.
- 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.
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.
