Table of Contents
Video tutorial
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.
Read more
- Creating editable tables and filling the table data manually
- Creating non-editable tables from Excel files
- Creating non-editable tables from Google Spreadsheets
- String columns
- Integer columns
- Float columns
- Date columns
- DateTime columns
- Time columns
- URL link columns
- E-mail link columns
- Currency/price columns, and other columns with labels
- Formula (calculated) columns
- Coloring and styling columns
- Hiding columns