【15.1.0】如何给表格添加空状态背景图

Ellia.Duan

看了一下官方示例，背景图是添加在表格的单元格上面的。

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

Ellia.Duan · Ellia.Duan

reslicma 发表于 2022-11-14 19:11
加了图片之后长这样：

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

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

这边给您提供一个思路：
在SpreadJS dom元素之外，自定义添加一个绝对定位的图片，覆盖在SpreadJS的空白区域。即添加一个图片元素。

Ellia.Duan · Ellia.Duan

您好,在SpreadJS中，添加图片有两种方式，第一种方式即您说的通过为单元格设置背景，添加图片。
第二种方式可以将图片理解为浮动对象，在SpreadJS中添加浮动对象的方式见以下链接的学习指南：
https://demo.grapecity.com.cn/sp ... ating-object/purejs

其中add()方法可以传入浮动对象宽高与坐标。
这些值您可以通过table.range()获取。

reslicma · reslicma

Ellia.Duan 发表于 2022-11-14 14:11
您好,在SpreadJS中，添加图片有两种方式，第一种方式即您说的通过为单元格设置背景，添加图片。
第二种方 ...

用这个方法试了一下，还是不行呢，浮动元素似乎也必须盖在表格的单元格格子上面才可以吧，我这里面的表格，空状态是指的是：只有两行，一行冻结在最上面，一行冻结在最下面，中间是没有格子的，是空白区域，我用浮动元素添加图片之后直接给我截成两半了。。。
image.png907217712.png

Ellia.Duan · Ellia.Duan

reslicma 发表于 2022-11-14 15:31
用这个方法试了一下，还是不行呢，浮动元素似乎也必须盖在表格的单元格格子上面才可以吧，我这里面的表格 ...

您说的截成两半是什么样子呢？是否可以提供一个添加浮动照片之后的完整图片(带table)

reslicma · reslicma

Ellia.Duan 发表于 2022-11-14 17:23
您说的截成两半是什么样子呢？是否可以提供一个添加浮动照片之后的完整图片(带table)

加了图片之后长这样：
image.png156469725.png

这个图片本身是长这样的：
image.png161907958.png

加上之后被分隔开了，因为我现在表格给了一个固定高度，并且只有两行，然后把这两行分别固定在了最顶部和最底部，看起来就被分开了，有没有办法把它放中间空白区域？

reslicma · reslicma

Ellia.Duan 发表于 2022-11-15 10:21
明白您的意思了，因为SpreadJS只设置了两行，且被冻结在了首行和末行，所以暂时无法在空白区域按照浮动对 ...

好的了解了，我按照这个思路实现了，多谢解答

Ellia.Duan · Ellia.Duan

那本帖就结帖啦，欢迎您有问题发帖询问。

		自动登录	找回密码
密码			立即注册

[已处理] 【15.1.0】如何给表格添加空状态背景图

最佳答案

7 个回复

SpreadJS 认证

SpreadJS 高级认证