【问题标题】:Display images instead of URLs of images for a column on a table (Retool)显示图像而不是表格列的图像 URL(重新工具)
【发布时间】:2021-12-11 17:07:42
【问题描述】:
我在 Retool 上有一个表格,"image" 列包含 图片的 URL。我想在 "image" 列中显示 图像,而不是 图像的 URL。
有什么方法可以在“图片”列中显示图片,而不是图片的网址?
【问题讨论】:
标签:
javascript
html
image
url
retool
【解决方案1】:
"image" 列可以使用 HTML。
首先,点击右侧面板的“图片”,打开“图片”栏设置:
其次,在“图像”列设置中启用“将单元格渲染为纯HTML”:
第三,把这段代码放到“image”列设置的“Mapper”中:
(“self”指图片的URL)
<img src="{{ self }}" style="height:100px;">
最后,您可以在“图片”列中显示图片,而不是图片的网址:
另外,当然你也可以给"name"列赋予HTML效果,步骤相同:
(“self”指姓名)
<h4>{{ self }}</h4>
最后,"name"列的names的size变大: