柏虎资源网

专注编程学习,Python、Java、C++ 教程、案例及资源

开发表格控件毫无新意,连自动适应单元格都难以做到?还怎么玩

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

自动调整行高和列宽

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);

今天的内容就是这些了,点击下方“了解更多”获取免费体验资格!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言