前端带样式导出excel表格，html表格生成带样式的excel表格

众所周知，前端生成表格通常是用xlsx、excel.js等js库，但这些库想要生成时增加excel样式会很麻烦。

有这么一个js库把html表格连样式带数据一并导出为excel表格: html-table-to-excel

npm install html-table-to-excel

使用

html表格：

    <el-button @click="goExport">导出</el-button>
    <table id="myTable" ref="myTable">
        <tr>
            <td style="width: 30px;"></td>
            <td style="background-color: #000;color:yellow">
                123
            </td>
            <td style="border:1px solid #000;color:red;font-weight: 700;font-size: 20px;font-family: Arial;">
                123abc
            </td>
        </tr>
    </table>

js:

const goExport = () => {
    const tableDOM = document.querySelector('#myTable');
    htmlTableToExcel(tableDOM, '文件名.xlsx', 'Sheet1');
}

可以看到表格中单元格背景、字体颜色、边框、字体都导入进了excel表格，同理就算是图片也可以，如果用xlsx单独给每个单元格都添加样式的话可是相当麻烦

npm文档：html-table-to-excel - npm