SpreadJS是一款基于 HTML5 的純前端表格控件，兼容 450 種以上的 Excel 公式，具備“高性能、跨平臺、與 Excel 高度兼容”的產品特性 可為用戶帶來親切、易用的使用體驗，并滿足 Web Excel組件開發、表格文檔協同編輯、 數據填報、 類Excel報表設計等業務場景，可極大降低企業研發成本和項目交付風險。趕快點擊下載SpreadJS立即體驗吧>>

自動調整行高和列寬

SpreadJS允許用戶使用自動調整功能自動調整工作表中行和列的大小。 此功能會自動調整列的寬度和行的高度，以確保數據值完全適合單元格內。

用戶在處理表單時可以執行以下兩種自動調整操作。

1. 自動調整列寬-此選項用于調整列寬，以容納單元格中的大數據值，如下所示。
   
   
   
   

   或者，您也可以雙擊列標題的右邊緣以調整列的大小以適合列中最長的文本字符串。

2. 自動調整行高-當您要在單元格中存儲多行文本或大字體的文本時，可以使用此選項。 自動調整行高以適合行中的數據值。
   
   
   

   或者，您也可以雙擊行標題的底部邊緣以調整行的大小。

AutoFit適用于隱藏的列和行，篩選的列和行，分組的列和行以及視口中未顯示的選定列和行。 如果列或行的可調整大小的方法為false，則不應用自動調整。

您可以使用 autoFitColumn 方法, autoFitRow 方法調整寬高, 以及 Commands 類. 在將AutoFit與 options.autoFitType 屬性一起使用時，還可以包含標題文本。 您也可以選擇多個列或行或整個工作表，然后雙擊一個選定的列或行以將自動調整應用于所有選定的列或行。

示例代碼

本示例使列的寬度適合文本。

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這些功能驚艷到！趕快下載體驗吧！獲取更多教程資訊>>