Add images as part of row value in a table visual

Hi @shaun,

How to add images as part of the row values in the table visual type. Please refer the below screenshot.

image

@Chaish you can include HTML in tabular visuals. This can be done in two ways:

  1. Custom expression - a case statement combined with HTML string values. Example can be found here:
    Hyper links in tables and other HTML goodness

if (SUM([sales]) < 1000000, '<i class="fa fa-thumbs-o-up"></i>', '<i class="fa fa-thumbs-o-down"></i>')

  1. Or you need to use custom style using Javascript to insert arbitrary tables in tables. You can use combination or D3 and JQuery functions to do this.
    Here’s one basic example that shows how to access and modify formatting of table column:
    Conditional Formatting of Columns: Custom Conditional Color/Gradient
1 Like

@shaun Thanks for the useful info but when HTML tags are included as part of the expression then the tags will be visible in the tool tip of the table visual. So we need to add images only not icons…Can you please suggest in this case ? Like may be adding images as part of “Static Assets” and using that in the visual…

BR,
Chaish

@Chaish To avoid the tooltip, you will have to follow option #2

1 Like