彩票走势图

纯前端表格控件 SpreadJS 新手入门指南:表单(一)

转帖|使用教程|编辑:龚雪|2022-01-20 09:56:14.263|阅读 164 次

概述:本文主要为大家介绍SpreadJS的表单功能,欢迎下载最新版体验!

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

SpreadJS 是一款基于 HTML5 的纯前端电子表格控件,兼容 450 种以上的 Excel 公式,凭借其 “高性能、跨平台、与 Excel 高度兼容”的产品特性,备受以华为、苏宁易购、天弘基金等为代表的企业用户青睐。SpreadJS 为用户带来亲切的 Excel 使用体验的同时,满足 Web Excel 组件开发、表格文档协同编辑、数据填报、Excel 类报表设计等业务场景,极大降低了企业研发成本和项目交付风险。

点击获取SpreadJS官方正式版

今天学习SpreadJS表单的相关属性,初始化表单

点击按钮,可新增、删除、清空表单:

纯前端表格控件 SpreadJS 新手入门指南:表单(一)
纯前端表格控件 SpreadJS 新手入门指南:表单(一)
边框网格线

可控制是否显示网格线及设置各种边框的样式:

纯前端表格控件 SpreadJS 新手入门指南:表单(一)
隐藏与显示

控制隐藏显示:sheet.visible(false)

点击隐藏显示按钮可依次隐藏显示表单。

缩放

该方法可控制缩放:sheet.zoom(number),number的值0-1之间会缩小,1以上会放大。

纯前端表格控件 SpreadJS 新手入门指南:表单(一)
行头与列头

可以对行头列头的样式进行自定义,比如增加行头,合并行头单元格,设置宽度等等,还可控制是否显示行头列头,行标列表可设定为 空、数字、字母。

纯前端表格控件 SpreadJS 新手入门指南:表单(一)
合并单元格

sheet.addSpan() 该方法可以合并单元格:

纯前端表格控件 SpreadJS 新手入门指南:表单(一)

也可设定运允许用户拖拽合并单元格:

纯前端表格控件 SpreadJS 新手入门指南:表单(一)
冻结行列

SpreadJS可以控制冻结行列,上图中的红线为冻结线,冻结线样式可设定颜色:sheet.options.frozenlineColor = 'red'

获取与设置数据

操作数据相关方法:

setText,getText,copyTo,moveTo,clear
// 行索引5 列索引4 的内容 复制到 行索引6,列索引5,复制2行1列
sheet.copyTo(5, 4, 6, 5, 2, 1, spreadNS.CopyToOptions.all);

纯前端表格控件 SpreadJS 新手入门指南:表单(一)

SpreadJS | 下载试用

纯前端表格控件SpreadJS,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金等行业龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能,满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

本文转载自


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP