Black friday Black friday Black friday Cyber monday Cyber monday Cyber monday
Up to 70% off Up to 70% off
Grab Yours

Adding images to tables in WordPress

Image columns in wpDataTables

Image” link columns are used to render images in the table, either in full size, or as a link from a thumbnail to a full size image.

  • Rendering rules: If the content of the cells contains a combination of “two sticks” – || – everything to the left of this combination is used as a link to the thumbnail, and everything to the right as a link to the full image size:

    http://domain.com/thumb.png||http://domain.com/fullsize.png
    If the “||” combination is not found in the content, the entire content will be used as a link to a full-size image.
  • Sorting rules: alphabetical.
  • Applicable filter types: text.
  • Editor input type: One-line edit, Attachment
  • Issues to note:
    • Sometimes some issues may appear when you’re sorting on image columns, since it’s done alphabetically, and alphabetic sorting of HTML typically doesn’t make sense.
    • Please note that the plugin does not create thumbnails (at least for the moment), so you will need to take care of this yourself.
    • If you would like to open full-size images in lightbox, you can use a plugin for that, e.g. WP Lightbox 2  (please note that this is available for tables that aren’t editable)

Example of a table with image columns

See the “Photo” column in this table.

Wait, Before You Download!

To get your hands on wpDataTables Lite, please enter your email address below. We’ll send you a direct download link and keep you updated on existing features along with helpful tips and tricks!

By continuing, I accept Privacy Policy and T&C
Mail Box