找回密码
 立即注册

QQ登录

只需一步,快速开始

红叶舞秋山

注册会员

12

主题

29

帖子

109

积分

注册会员

积分
109
红叶舞秋山
注册会员   /  发表于:2022-4-27 16:41  /   查看:2489  /  回复:4
1金币

带数据源的表格,导出下载打开后样式没了。表格的边框都丢了。。


image.png253511962.png


image.png535544738.png
导出代码:
  1. let json = spread.toJSON({
  2.       includeBindingSource: true,
  3.       ignoreStyle: false
  4.     });

  5.     // here is excel IO API
  6.     excelIo.save(
  7.       json,
  8.       function (blob: any) {
  9.         saveAs(blob, fileName);
  10.         message.success("导出成功");
  11.       },
  12.       function () {
  13.         // process error
  14.       }
  15.     );
复制代码




最佳答案

查看完整内容

调研了一下,给tableStyle设置name后,再应用于table并导出,就可以生效了

4 个回复

倒序浏览
最佳答案
最佳答案
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-4-27 16:41:10
来自 5#
调研了一下,给tableStyle设置name后,再应用于table并导出,就可以生效了

  1. tableStyle.name("newStyle1")
复制代码


回复 使用道具 举报
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-4-27 17:46:02
2#
麻烦上传一个tojson后的文件,以及最终导出的xlsx文件,我帮你看一下问题原因
回复 使用道具 举报
红叶舞秋山
注册会员   /  发表于:2022-4-29 09:39:35
3#
麻烦尽快帮看一下 。有自定义表格样式

Desktop.zip

3.76 KB, 下载次数: 79

回复 使用道具 举报
红叶舞秋山
注册会员   /  发表于:2022-4-29 09:46:44
4#
红叶舞秋山 发表于 2022-4-29 09:39
麻烦尽快帮看一下 。有自定义表格样式
  1. activeSheet.setDataSource(source);

  2.         //自定义表格样式

  3.         var tableStyle = new GC.Spread.Sheets.Tables.TableTheme();
  4.         var thinBorder = new GC.Spread.Sheets.LineBorder("black", GC.Spread.Sheets.LineStyle.thin);
  5.         tableStyle.wholeTableStyle(
  6.           new GC.Spread.Sheets.Tables.TableStyle(
  7.             "white",
  8.             "black",
  9.             "normal 10pt arial",
  10.             thinBorder,
  11.             thinBorder,
  12.             thinBorder,
  13.             thinBorder,
  14.             thinBorder,
  15.             thinBorder
  16.           )
  17.         );

  18.         var table = activeSheet.tables.all();

  19.         table.forEach((table: any) => {
  20.           table.style(tableStyle);
  21.         });

  22.         console.log("获取到的table", table);

  23.         activeSheet.invalidateLayout();
  24.         activeSheet.repaint();
复制代码
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部