# V-data-table image link-url

**URL:** <https://discourse.nodered.org/t/v-data-table-image-link-url/99497>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [23 October 2025 22:04 UTC](https://discourse.nodered.org/t/v-data-table-image-link-url/99497 "2025-10-23T22:04:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Filip\_Top](https://avatars.discourse-cdn.com/v4/letter/f/97f17d/32.png) [@Filip\_Top](https://discourse.nodered.org/u/Filip_Top)\
**Post date:** [23 October 2025 22:04 UTC](https://discourse.nodered.org/t/v-data-table-image-link-url/99497/1 "2025-10-23T22:04:41Z")

</div>

I'm working on a v-data-table and would like to show a picture with a text field.  
I know it is not a simple question because it will depend on my server setup, but I'm having trouble with getting the correct link to the picture:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/6/7685737afc433997aa088c8a95eebce1f63070aa.jpeg)  
This code is not showing the picture, as I expected:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/5/0588af81174812911eacf695162a536ee3b25338.png)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [24 October 2025 06:05 UTC](https://discourse.nodered.org/t/v-data-table-image-link-url/99497/2 "2025-10-24T06:05:39Z")

</div>

Hi.

Firstly, please don't post pictures of code (it is not searchable, it is harder to read, and I cannot copy and fix up and paste back). Please use code blocks for code.

  

> `<img src="img\bean.jpg" />`

I assume you have a directory named `img` and you were expecting that to be accessed in the browser? Fortunately that is not how serving assets work (you wouldn't want just any Tom, Dick or Harry accessing your files would you? 😉) images have to be served from an endpoint before they can be accessed.

That said, you could base64 encode the image, store it as a data property and bind that to the `:src` attribute. Alternatively, just use one of the 10 material design coffee icons with a `v-icon`

---

<div class="post-metadata">

**Author:** ![Filip\_Top](https://avatars.discourse-cdn.com/v4/letter/f/97f17d/32.png) [@Filip\_Top](https://discourse.nodered.org/u/Filip_Top)\
**Post date:** [24 October 2025 08:36 UTC](https://discourse.nodered.org/t/v-data-table-image-link-url/99497/3 "2025-10-24T08:36:19Z")

</div>

Thanks Steve,

Next time I will not post a picture of the code, sorry for that ☹

Best regards

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [23 November 2025 08:36 UTC](https://discourse.nodered.org/t/v-data-table-image-link-url/99497/4 "2025-11-23T08:36:52Z")

</div>

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