找回密码
 立即注册

QQ登录

只需一步,快速开始

想静静

注册会员

14

主题

39

帖子

135

积分

注册会员

积分
135

[已处理] 15 单元格内换行

想静静
注册会员   /  发表于:2023-7-11 21:20  /   查看:1124  /  回复:5
5金币
本帖最后由 Joestar.Xu 于 2023-7-12 08:41 编辑

1.后端返回的值是一个数组,根据数组的长度进行自动换显示
如图想要的效果
image.png438411864.png
  目前尝试了把数组join("\n")没有生效

2.如下代码虽然可以实现换行,但是换行的行高很大

const cell = params.sheet.getCell(params.rowIndex, params.colIndex);
    if (params.colIndex > 0 && params.colIndex < 5) {
      if (Array.isArray(cellVal)) {
        const temVal = cellVal?.join('\n');
        cell.wordWrap(true);
        params.sheet.setValue(params.rowIndex, params.colIndex, temVal);
        cell.wordWrap(true);
        params.sheet.autoFitRow(params.rowIndex);
      }
    }


效果如下

image.png592223205.png
备注:spread当作表格在使用,只做展示,没有alt+enter操作




最佳答案

查看完整内容

我之前有说猜测您那边有留白应该是设置了垂直方向的对齐方式为居中导致的。你需要先解除垂直居中的设置

5 个回复

倒序浏览
最佳答案
最佳答案
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-7-11 21:20:06
来自 6#
我之前有说猜测您那边有留白应该是设置了垂直方向的对齐方式为居中导致的。你需要先解除垂直居中的设置
回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-7-12 09:23:40
2#
可以参考附件demo

另外,猜测您那边有留白应该是设置了垂直方向的对齐方式为居中导致的。

arrayWordWrap.html

1.37 KB, 下载次数: 36

回复 使用道具 举报
想静静
注册会员   /  发表于:2023-7-12 09:46:01
3#
本帖最后由 想静静 于 2023-7-12 09:54 编辑

垂直居中的时候,如何能够减少单元格的间距,还是说只能设置行高
回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-7-12 09:58:18
4#
可以通过cellPadding接口来设置单元格的内边距,已达到您想要效果
例如:
  1. sheet.getCell(0,0).cellPadding("10 10 20 20")
复制代码
回复 使用道具 举报
想静静
注册会员   /  发表于:2023-7-12 10:47:37
5#
本帖最后由 想静静 于 2023-7-12 10:48 编辑

使用cellPadding设置无效,垂直方向还是有很大的宽度,感觉有一个默认的行高和宽度一样,如图
   
image.png842200622.png

代码如下
image.png464998778.png
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部