HTML Table导出EXCEL(支持大量数据，保留报表格式)

HTML Table to Excel：保留格式的大数据导出

最新推荐文章于 2025-09-06 12:18:05 发布

原创

最新推荐文章于 2025-09-06 12:18:05 发布 · 9.5k 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#html #excel

这篇博客介绍了如何在HTML中创建一个可以导出为Excel的报表，并且在导出时能同时保留大量的数据和报表格式。作者通过引入jQuery和FileSaver.js库，实现了一个名为tableToExcel的函数，该函数能够将HTML表格转换为Excel文件，解决了1.5MB大小限制和格式丢失的问题。通过调用这个函数，用户可以实现自定义样式的Excel文件直接下载。

最近项目上需要制作一张大数据量的报表，用润乾报表展示会非常慢，所以打算自己写html实现，网上大部分示例是保留格式但是有1.5M的大小限制，还有一种是导出大量数据但是不保留格式的，所以在这里将两个结合一下，记录下来

首先是要导入相应的js，jQuery.js和在网上找到的FileSaver.js（原网址：https://github.com/eligrey/FileSaver.js/tree/master/dist )
然后实现tableToExcel函数（如下），saveAs()函数执行后将会直接下载excel文件，temple是你要导出的excel样式的css字符串：

var template =
    ' <style type="text/css">' +
    'table {' +
    '    font-family: verdana,arial,sans-serif;' +
    '    font-size:11px;' +
    '    color:#333333;' +
    '    border-width: 1px;' +
    '    border-color: #666666;' +
    '    border-collapse: collapse;' +
    '}' +
    'table th {' +
    '    padding: 8px;' +
    '    width: 200px;' +
    '	 height: 30px;' +
    '    border-style: solid;' +
    '    border-color: #9a9a9a;' +
    '    color: #ffffff;' +
    '    background-color: #439bde;' +
    '}' +
    'table td {' +
    '    width: 200px;' +
    '	 heigh

最低0.47元/天解锁文章