Retool表格image列如何将图片URL替换为直接显示对应图片
Retool表格image列渲染图片实现方法
- 选中目标表格组件,在右侧属性配置面板找到「列(Columns)」模块,点击
image列进入单列配置页 - 找到「列类型(Column type)」下拉选择框,将默认的文本类类型切换为
Image类型,Retool会自动读取该列的URL值直接渲染为可预览的图片 - 你可以在该列配置区进一步调整图片的最大宽高、圆角、点击交互等效果,适配你的表格展示需求
若需要自定义图片展示样式,可将列类型切换为
Custom HTML,在内容输入框中填入以下代码,按需调整样式参数即可:<img src="{{currentRow.image}}" style="max-width: 90px; max-height: 50px; object-fit: cover;" alt="资源预览图">注意替换代码中的
currentRow.image为你表格实际绑定的图片URL字段名。
内容的提问来源于stack exchange,提问作者Super Kai - Kazuya Ito
相关产品推荐
相关产品推荐

