找回密码
 立即注册

QQ登录

只需一步,快速开始

zyk.Zhou 活字格认证
论坛元老   /  发表于:2024-12-2 13:34  /   查看:100  /  回复:3
1金币
表格换行级别(字母换行),如何设置

[color=rgba(0, 0, 0, 0.85)].break-word {    overflow-wrap: break-word; /* 或者使用 word-wrap: break-word; */}
[color=rgba(0, 0, 0, 0.85)]



如图所示:表格多行文本换行,只能安装单词换行,不能按照字母级别分割换行~
想要的效果
PHD55B-NABADBF
37DCGSATA1D+VD
/10kpa

附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

这里的表格是SpreadJS表格。通过下面的代码能获取到表格的SpreadJS表格实例,通过SpreadJS提供的接口能控制表格的渲染。 但是SpreadJS并没有提供按字符换行的逻辑。只有开关换行的接口。想要实现按字符换行需要自己定义单元格,计算字符累加长度和单元格宽度进行比较,记录行数据后循环渲染行数据。然后将自定义单元格批量设置到列。但是没成功,自定义类型没有生效,被默认单元格类型覆盖。按循环强制渲染没成功,显示一片空白 ...

3 个回复

倒序浏览
最佳答案
最佳答案
二麻子
中级会员   /  发表于:2024-12-2 13:34:59
来自 2#
这里的表格是SpreadJS表格。通过下面的代码能获取到表格的SpreadJS表格实例,通过SpreadJS提供的接口能控制表格的渲染。
  1. // 找到带有 fgcname 的父级 DIV
  2. const con = document.querySelector("div[fgcname='表格1']");
  3. let spreadInstance;

  4. if (con) {
  5.     console.log("找到父级 DIV:", con);
  6.     spreadParent = con.querySelector(".spreadDiv[gcuielement='gcSpread']");
  7.     // 获取绑定的 SpreadJS 实例
  8.     spreadInstance = GC.Spread.Sheets.findControl(spreadParent);  
  9.         }

  10.   // 获取工作表
  11.   const sheet = spreadInstance.getActiveSheet();
  12.   console.log("当前激活的工作表:", sheet);

  13.   // 设置第1行第1列的值
  14.   sheet.setValue(0, 0, "Hello SpreadJS");
  15.   console.log("单元格值:", sheet.getValue(0, 0));

复制代码

但是SpreadJS并没有提供按字符换行的逻辑。只有开关换行的接口。想要实现按字符换行需要自己定义单元格,计算字符累加长度和单元格宽度进行比较,记录行数据后循环渲染行数据。然后将自定义单元格批量设置到列。但是没成功,自定义类型没有生效,被默认单元格类型覆盖。按循环强制渲染没成功,显示一片空白,原因未知。

评分

参与人数 1金币 +66 收起 理由
Shawn.Liu + 66 赞一个!

查看全部评分

回复 使用道具 举报
zyk.Zhou活字格认证
论坛元老   /  发表于:2024-12-3 10:54:32
3#
二麻子 发表于 2024-12-3 10:36
这里的表格是SpreadJS表格。通过下面的代码能获取到表格的SpreadJS表格实例,通过SpreadJS提供的接口能控制 ...

多谢,辛苦
回复 使用道具 举报
Shawn.Liu活字格认证
超级版主   /  发表于:2024-12-3 16:52:19
4#
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部