# Canvas image in data table cell

**URL:** <https://discuss.elastic.co/t/canvas-image-in-data-table-cell/286015>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [October 6, 2021, 10:46am UTC](https://discuss.elastic.co/t/canvas-image-in-data-table-cell/286015 "2021-10-06T10:46:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ErSumit](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ersumit/32/88708_2.png) [@ErSumit](https://discuss.elastic.co/u/ErSumit)\
**Post date:** [October 6, 2021, 10:46am UTC](https://discuss.elastic.co/t/canvas-image-in-data-table-cell/286015/1 "2021-10-06T10:46:41Z")

</div>

Trying to add image to data table in canvas

1. Already formatted field in index pattern to use url of image -\> still getting the {value} in canvas data cell
2. Trying to replace the {value} with Image html code =\> Canvas data table showing html code instead of image

```auto
filters
| essql query="SELECT * FROM \"es_index*\" "
| mapColumn "data_column"
fn={getCell "data_column" | eq "1005" | replace replacement="<img> url=\"https://image-url/1005.png\" </img>" pattern=".*"}
| table perPage=10
| render css=".canvasRenderEl{

}"

```

1. Trying to replace the {value} with Image expression but not working

```auto
filters
| essql query="SELECT * FROM \"es_index*\" "
| mapColumn "data_column"
fn={getCell "data_column" | eq "1005" | replace replacement=image dataurl=https://image-url/1005.png mode="contain" pattern=".*"}
| table perPage=10
| render css=".canvasRenderEl{

}"

```

---

<div class="post-metadata">

**Author:** ![corey.robertson](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/corey.robertson/32/54611_2.png) [@corey.robertson](https://discuss.elastic.co/u/corey.robertson)\
**Post date:** [October 7, 2021, 5:39pm UTC](https://discuss.elastic.co/t/canvas-image-in-data-table-cell/286015/2 "2021-10-07T17:39:01Z")

</div>

Hi @ErSumit

Anything that required markup in a table cell is not going to be possible at this time.

We have discussed some kind of advanced data table that would allow this, but don't have anything definitive in mind.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [November 4, 2021, 5:39pm UTC](https://discuss.elastic.co/t/canvas-image-in-data-table-cell/286015/3 "2021-11-04T17:39:06Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.