找回密码
 立即注册

QQ登录

只需一步,快速开始

reslicma
注册会员   /  发表于:2022-11-14 10:16  /   查看:2166  /  回复:7
1金币
看了一下官方示例,背景图是添加在表格的单元格上面的。

现有如下场景,表格会有空状态,也即是除了表头和【合计】行中间没有表格行单元格,请问是否可以在中间空白区域增加背景图?
image.png826308898.png

最佳答案

查看完整内容

明白您的意思了,因为SpreadJS只设置了两行,且被冻结在了首行和末行,所以暂时无法在空白区域按照浮动对象的方式添加图片。 这边给您提供一个思路: 在SpreadJS dom元素之外,自定义添加一个绝对定位的图片,覆盖在SpreadJS的空白区域。即添加一个图片元素。

7 个回复

倒序浏览
最佳答案
最佳答案
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-11-14 10:16:26
来自 6#
reslicma 发表于 2022-11-14 19:11
加了图片之后长这样:

这个图片本身是长这样的:

明白您的意思了,因为SpreadJS只设置了两行,且被冻结在了首行和末行,所以暂时无法在空白区域按照浮动对象的方式添加图片。

这边给您提供一个思路:
在SpreadJS dom元素之外,自定义添加一个绝对定位的图片,覆盖在SpreadJS的空白区域。即添加一个图片元素。
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-11-14 14:11:27
2#
您好,在SpreadJS中,添加图片有两种方式,第一种方式即您说的通过为单元格设置背景,添加图片。
第二种方式可以将图片理解为浮动对象,在SpreadJS中添加浮动对象的方式见以下链接的学习指南:
https://demo.grapecity.com.cn/sp ... ating-object/purejs


其中add()方法可以传入浮动对象宽高与坐标。
这些值您可以通过table.range()获取。
回复 使用道具 举报
reslicma
注册会员   /  发表于:2022-11-14 15:31:41
3#
Ellia.Duan 发表于 2022-11-14 14:11
您好,在SpreadJS中,添加图片有两种方式,第一种方式即您说的通过为单元格设置背景,添加图片。
第二种方 ...

用这个方法试了一下,还是不行呢,浮动元素似乎也必须盖在表格的单元格格子上面才可以吧,我这里面的表格,空状态是指的是:只有两行,一行冻结在最上面,一行冻结在最下面,中间是没有格子的,是空白区域,我用浮动元素添加图片之后直接给我截成两半了。。。
image.png907217712.png
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-11-14 17:23:07
4#
reslicma 发表于 2022-11-14 15:31
用这个方法试了一下,还是不行呢,浮动元素似乎也必须盖在表格的单元格格子上面才可以吧,我这里面的表格 ...

您说的截成两半是什么样子呢?是否可以提供一个添加浮动照片之后的完整图片(带table)
回复 使用道具 举报
reslicma
注册会员   /  发表于:2022-11-14 19:11:36
5#
Ellia.Duan 发表于 2022-11-14 17:23
您说的截成两半是什么样子呢?是否可以提供一个添加浮动照片之后的完整图片(带table)

加了图片之后长这样:
image.png156469725.png
这个图片本身是长这样的:
image.png161907958.png

加上之后被分隔开了,因为我现在表格给了一个固定高度,并且只有两行,然后把这两行分别固定在了最顶部和最底部,看起来就被分开了,有没有办法把它放中间空白区域?
回复 使用道具 举报
reslicma
注册会员   /  发表于:2022-11-15 11:38:26
7#
Ellia.Duan 发表于 2022-11-15 10:21
明白您的意思了,因为SpreadJS只设置了两行,且被冻结在了首行和末行,所以暂时无法在空白区域按照浮动对 ...

好的了解了,我按照这个思路实现了,多谢解答
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2022-11-15 18:17:45
8#
那本帖就结帖啦,欢迎您有问题发帖询问。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部