葡萄城SpreadJs快速入门

最新推荐文章于 2025-01-03 08:42:17 发布

sayu3368

最新推荐文章于 2025-01-03 08:42:17 发布

阅读量1.2k

点赞数 1

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/sayu3368/article/details/111614315

版权

本文档介绍了如何使用葡萄城的 SpreadJS 工具快速创建一个交互式表格。通过设置表格选项，如滚动条、保护选项、允许的编辑操作等，以及加载和设置数据，实现了对表格的详细定制，包括单元格的锁定、合并和文字对齐等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 获取从服务端传来的表格数据
let sheetData = form.sheetData;
// 表格数据样式设定
let jsonOption = {
ignoreStyle : false,
ignoreFormula : true,
frozenColumnAsRowHeaders : false,
frozenRowsAsColumnHeaders : false,
doNotRecalculateAfterLoad : false
};
// 新建spreadJs表格（注意：如果有外框上样式需求，可以针对控件加入样式属性后载入workbook。例：
let a = document.getElementById(‘b’);
// 图片画面前置
a.setAttribute(“style”, "position:relativity;z-index:0;);
let c = new GC.Spread.Sheets.Workbook(a);
)
let spread = new GC.Spread.Sheets.Workbook(document.getElementById(‘sheet’));
spread.options.showHorizontalScrollbar =false;
spread.options.showVerticalScrollbar =true;
spread.options.tabStripVisible = false;
spread.options.canUserEditFormula = false;
spread.options.allowUserDragDrop = false;
spread.options.allowUserDragFill = false;
spr