Do you want to add images to your WordPress table? Tables are a useful way to present structured data, and adding images to your cells makes that data easier to scan, compare, and act on. The default WordPress Table block does not provide a native way to include images inside individual cells. With the Data Table block from Nexter Blocks, you can add images or icons to any table header or body cell without custom code.
Adding and managing images in the default WordPress Table block requires workarounds. The Data Table block from Nexter Blocks gives you a dedicated image option inside each cell, along with controls to manage display size.
To check the complete feature overview documentation of the Nexter Blocks Data Table block, click here.
Best Used For:
- Product comparison tables that display product images alongside specs and pricing
- Team or directory listings that pair profile photos with names and roles
- Feature comparison tables that use icons or brand logos to identify each item visually
Requirement – This block is a part of Nexter Blocks. Make sure it is installed and activated.
To do this, add the block on the page, then if you want to add an image in the table body, go to the Table Body tab and open the item you want to add the image to.
Make sure the Action section is set to Cell Content. This setting tells the block to treat the cell as a content cell rather than a structural element, which is required before image or icon options become available.
Then go to the Icon tab, and from the Select section, choose Image. This switches the cell input type from text or icon to an image upload field.
Note: Choose Icon from the section to add icons to the table instead of an uploaded image.
You can add your image from the Upload Icon Image section. From the Image Size dropdown, you can set the display size of the image inside the cell, which is useful for keeping product thumbnails or logos consistent across rows.
To learn how to add a clickable button inside a table cell, see How to Add Button Link in a Cell of a WordPress Table?
Once you select the image, it will appear inside the table cell you selected.
You can follow the same process to add an image in the table header cell. This is useful when you want to display a category icon or logo at the top of a column.
That covers the full process for adding images to WordPress table cells using the Data Table block.
Also, check How to Make Data Tables Mobile Responsive in WordPress.
