如何使用reactjs设置我的excel工作表的列宽

npm install xlsx

import React from 'react';
import XLSX from 'xlsx';

class ExcelColumnWidth extends React.Component {
  handleSetColumnWidth = () => {
    // 创建一个新的工作簿
    const workbook = XLSX.utils.book_new();

    // 创建一个工作表
    const worksheet = XLSX.utils.aoa_to_sheet([
      // 第一行是标题行，设置宽度为20
      [{ width: 20 }, { width: 20 }, { width: 20 }],
      // 第二行是数据行，设置宽度为10
      [{ width: 10 }, { width: 10 }, { width: 10 }],
    ]);

    // 设置列宽
    XLSX.utils.sheet_set_column_widths(worksheet, [0, 1, 2], [20, 20, 20]);

    // 将工作表添加到工作簿
    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

    // 保存工作簿为Excel文件
    XLSX.writeFile(workbook, 'example.xlsx');
  };

  render() {
    return (
      <div>
        <button onClick={this.handleSetColumnWidth}>设置列宽</button>
      </div>
    );
  }
}

export default ExcelColumnWidth;