這篇文章有對excel的讀取和導(dǎo)出熟呛，感覺寫的蠻詳細(xì)的宽档，這里就不過多重復(fù)，講一下里面沒提到的點(diǎn)庵朝。

因?yàn)閷?dǎo)出的excel里的表格寬度是固定很小的吗冤，不是自適應(yīng)的，然后上面的文章里也沒提到如何設(shè)置寬高九府，然后去文檔看了下椎瘟，找到了下面的配置項(xiàng)內(nèi)容。

這一部分代碼和文章里的一樣侄旬。

    // 將一個sheet轉(zhuǎn)成最終的excel文件的blob對象肺蔚，然后利用URL.createObjectURL下載
    function sheet2blob(sheet, sheetName) {
        sheetName = sheetName || 'sheet1';
        var workbook = {
            SheetNames: [sheetName],
            Sheets: {}
        };
        workbook.Sheets[sheetName] = sheet;
        // 生成excel的配置項(xiàng)
        var wopts = {
            bookType: 'xlsx', // 要生成的文件類型
            bookSST: false, // 是否生成Shared String Table，官方解釋是勾怒，如果開啟生成速度會下降婆排，但在低版本IOS設(shè)備上有更好的兼容性
            type: 'binary'
        };
        var wbout = XLSX.write(workbook, wopts);
        var blob = new Blob([s2ab(wbout)], { type: "application/octet-stream" });
        // 字符串轉(zhuǎn)ArrayBuffer
        function s2ab(s) {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }
        return blob;
    }
    function openDownloadDialog(url, saveName) {
        if (typeof url == 'object' && url instanceof Blob) {
            url = URL.createObjectURL(url); // 創(chuàng)建blob地址
        }
        var aLink = document.createElement('a');
        aLink.href = url;
        aLink.download = saveName || ''; // HTML5新增的屬性，指定保存文件名笔链，可以不要后綴段只，注意，file:///模式下不會生效
        var event;
        if (window.MouseEvent) event = new MouseEvent('click');
        else {
            event = document.createEvent('MouseEvents');
            event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        }
        aLink.dispatchEvent(event);
    }

這一部分因需求而異的去配置吧

function daochu() {
        let excel = [
            ['姓名', '性別', '年齡'],
            ['張三', '男', 18],
            ['李四', '女', 22]
        ];
        let title = '導(dǎo)出excel表名';
        let sheet = XLSX.utils.aoa_to_sheet(excel);
        sheet['!merges'] = [
            // 設(shè)置A1-C1的單元格合并
            { s: { r: 0, c: 0 }, e: { r: 0, c: 3 } }
        ];
      //這里設(shè)置寬高
        sheet["!cols"] = [
            { wch: 20 },
            { wch: 20 },
            { wch: 20 },
            { wch: 10 },
        ];
        sheet["!rows"] = [
            { hpt: 25 },
            { hpt: 20 },
        ];
        openDownloadDialog(sheet2blob(sheet), `${title}.xlsx`);
}

但是這只是增加了固定的寬高而已鉴扫，能用赞枕，但還不夠好。
就需要下面的https://github.com/protobi/js-xlsx去增加樣式坪创，但我還沒用到這個炕婶，等日后需要的時候在說吧。