彩票走势图

纯前端表格控件SpreadJS教程:如何实现自动调整表格大小

转帖|使用教程|编辑:鲍佳佳|2020-11-06 13:33:54.480|阅读 1028 次

概述:SpreadJS允许用户使用自动调整功能自动调整工作表中行和列的大小。 此功能会自动调整列的宽度和行的高度,以确保数据值完全适合单元格内。

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

相关链接:

SpreadJS是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性 可为用户带来亲切、易用的使用体验,并满足 Web Excel组件开发、表格文档协同编辑、 数据填报、 类Excel报表设计等业务场景,可极大降低企业研发成本和项目交付风险。赶快点击下载SpreadJS立即体验吧>>

自动调整行高和列宽

SpreadJS允许用户使用自动调整功能自动调整工作表中行和列的大小。 此功能会自动调整列的宽度和行的高度,以确保数据值完全适合单元格内。

用户在处理表单时可以执行以下两种自动调整操作。

  1. 自动调整列宽-此选项用于调整列宽,以容纳单元格中的大数据值,如下所示。


    或者,您也可以双击列标题的右边缘以调整列的大小以适合列中最长的文本字符串。

  2. 自动调整行高-当您要在单元格中存储多行文本或大字体的文本时,可以使用此选项。 自动调整行高以适合行中的数据值。

    或者,您也可以双击行标题的底部边缘以调整行的大小。

AutoFit适用于隐藏的列和行,筛选的列和行,分组的列和行以及视口中未显示的选定列和行。 如果列或行的可调整大小的方法为false,则不应用自动调整。

您可以使用 autoFitColumn 方法, autoFitRow 方法调整宽高, 以及 Commands 类. 在将AutoFit与 options.autoFitType 属性一起使用时,还可以包含标题文本。 您也可以选择多个列或行或整个工作表,然后双击一个选定的列或行以将自动调整应用于所有选定的列或行。

如果 wordWrap 该方法对单元格为true,您可以使用Alt + Enter输入多行。

示例代码

本示例使列的宽度适合文本。

activeSheet.setValue(0, 1, "testing");
  activeSheet.autoFitColumn(1);

示例代码

本示例设置行的高度以显示文本。

activeSheet.setValue(0, 1, "testing\r\nmultiple\r\nlines"); 
 activeSheet.getCell(0,1).wordWrap(true);  
activeSheet.autoFitRow(0);

通过本篇文章有没有被SpreadJS这些功能惊艳到!赶快下载体验吧!获取更多教程资讯>>


标签:

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

文章转载自:

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP