Vue+element はテーブルをエクスポートし、テーブルの幅を設定します

// 安装
npm install --save xlsx file-saver
 
// 组件里引入
import FileSaver from 'file-saver'
import XLSX from 'xlsx'
 
// 方法
mydncxd(){
        let table = document.getElementById("mydncxd");
        let worksheet = XLSX.utils.table_to_sheet(table);
        let workbook = XLSX.utils.book_new();
        let wscols = [    // 每列不同宽度px
          { wch: 20 },
          { wch: 50 },
          { wch: 20 },
          { wch: 50 },
        ];
        // workbook.SheetNames[0]获取到到是文件里的到第一个表格
        worksheet["!cols"] = wscols;
        let wsrows = [{ hpx: 20 }];  // 每行固定高度px
        for (let i = 0; i <= this.total; i++) {   // total  列表条数
          wsrows.push({ hpx: 20 });
        }
        worksheet["!rows"] = wsrows;
        XLSX.utils.book_append_sheet(workbook, worksheet, "sheet");
        try {
          XLSX.writeFile(workbook, '电脑咨询单.xlsx');  //  time_date 所选日期
        } catch (e) {
          console.log(e, workbook);
        }
      },