导出web页面上的table

程序员文章站 2022-05-14 22:21:35

...

table导出excel表格

1.
需要导入两个js文件，一个tableExport.js，另一个是jquery.base64.js，前一个文件是导出数据和核心类库，后一个是为了避免导出中文时乱码的js文件，如果你导出的数据没有中文，可以不适用它。

2.
demo:

<html>
 <head>
  <title>table导出EXCEL</title>
 </head>
    <script type="text/javascript" src="../../tableExport.js"></script>     //---引入js---
    <script type="text/javascript">
        function exportExcelWithJS(){
            //获取要导出Excel的表格对象并设置tableExport方法，设置导出类型type为excel
            $('#tab-2').tableExport({
                type:'excel',
                fileName:'**统计表',//文件名
                worksheetName:'**数量统计',//sheet表的名字
                excelstyles:['text-align']//使用样式，不用填值只写属性，值读取的是html中的
            });
        }
    </script>
 <body>
    <a onclick="exportExcelWithJS();">导出EXCEL</a>
    <div id = "tab-2">
        <table>
            <th>姓名</th>
            <th>年龄</th>
        </table>
    <div>
 </body>
</html>