本帖最后由 lynn512 于 2021-5-11 16:35 编辑
文章末尾处有视频中的示例代码可以下载(Vue代码已更新)
视频主要内容: - 表单基本操作、
- 边框和网格线、
- 单元格、
- 行头与列头、
- 行与列、
- 获取与设置数据
常用API:
1 表单相关操作 增 addSheet 删 removeSheet 清空 clearSheets 获取设置名称sheet.name('设置表单名') 隐藏与显示sheet.visible(false); 缩放sheet.zoom(number); 2 边框线、网格线、对角线 网格线隐藏显示sheet.options.gridline.showHorizontalGridline 设置边框线sheet.getRange().setBorder() 初始化线 var lineBorder1 = new spreadNS.LineBorder('blue', spreadNS.LineStyle.thin); 3 行头与列头 隐藏/显示sheet.options.rowHeaderVisible 扩展列头sheet.setRowCount(3, spreadNS.SheetArea.colHeader); 4 行与列 增加行 addRows 设置行数列数 setRowCount 、setColumnCount 可否拖拽改变行列大小: sheet.setColumnResizable(1,true); 设置行高、列宽 setRowHeight setColumnWidth 根据内容自动匹配高度、宽度:autoFitColumn 5 单元格 合并sheet.addSpan(1,1,3,3); 删除合并sheet.removeSpan(8,1); 获取单元格:sheet.getCell(1, 1,GC.Spread.Sheets.SheetArea.viewport); 获取一片单元格区域:sheet.getRange(1, 1, 10, 10, GC.Spread.Sheets.SheetArea.viewport); 允许单元格移除sheet.options.allowCellOverflow= true; 合并单元格:addSpan removeSpan 6 冻结行列及可视区: frozenRowCount frozenColumnCount frozenTrailingRowCount frozenTrailingColumnCount 7 设置及获取值: setValue getValue setArray getArray copyTo moveTo
希望这个视频能给刚开始使用SpreadJS的小伙伴带来帮助,
对这系列的视频如果有什么建议意见可以在楼下回复~ 需要大家的反馈ヽ(′o`有关于表单的问题,可以在帖子下讨论,如有需要可以下载视频中的示例代码
|