纯前端表格控件SpreadJS使用教程 – 如何进行图片绑定

方法一:图片迷你图引用绑定路径单元格

参考图片迷你图实例,将含有链接的列隐藏,展示图片单元格使用IMAGE引用隐藏单元格。
优点:不需要代码开发,只要在设计模板时使用些小技巧即可
缺点:模板设计人员需要学习设计方法,合理安排隐藏单元格位置;Excel不支持函数迷你图,导出Excel显示#NAME

方法二:绑定后遍历添加图片

在模板设计时,给单元格tag加上特殊标记,数据绑定完成后遍历单元格,查找标记,在单元格位置插入浮动图片。
优点:浮动图片可以导出Excel
缺点:模板设计时候要打标记;插入浮动图片需要考虑合并单元格的影响

方法三:自定义图片单元格

自定义图片单元格,在自定义单元格paint实现中设置参数的style添加backgroundImage属性值为单元格value,value参数传递空。在单元格中显示图片
优点:使用单元格类型设置图片更直观,和Checkbox等方式一致。
缺点:单元格类型无法导出Excel

大家可以根据自己项目实际需求选择合适的方式添加图片。

SpreadJS | 下载试用

如果您对我们的产品还有任何疑问,欢迎咨询在线客服>>

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年6月3日
下一篇 2021年6月3日

相关推荐

发表回复

登录后才能评论