tableExport導出 excel報表

時間 2019-11-11

標籤 tableexport 導出 excel 報表欄目 Microsoft Office 简体版

原文原文鏈接

JS的引入javascript

jquery-3.3.1.min.js、tableExport.js、base64.js

網上找JS很麻煩，這有連接html

tableExport.js : https://github.com/hhurz/tableExport.jquery.plugin java

base64.js :https://github.com/davidchambers/Base64.jsjquery

要導出的數據（頁面展現樣式）git

代碼實例github

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<style>
    html,body{
        width: 99%;
        height: 99%;
        font-family: "微軟雅黑";
        font-size: 12px;
    }
    #tables{
        width: 100%;
        text-align: center;
        border: 1px #000 solid;
        border-collapse: collapse;
    }
    #tables th,#tables td{
        border: 1px solid #000000;
    }
    #tables th{
        font-size: 14px;
        font-weight: bolder;
    }
</style>
<body>
<table id="tables">
    <thead>
    <tr>
        <th>姓名</th>
        <th>性別</th>
        <th>年齡</th>
        <th>地址</th>
    </thead>
    <tbody>
    <tr>
        <td>素小暖</td>
        <td>女</td>
        <td>23</td>
        <td>遼寧省大連市</td>
    </tr>
    <tr>
        <td>素小暖</td>
        <td>男</td>
        <td>21</td>
        <td>大窯溝</td>
    </tr>
    </tbody>
</table>
<input type="button" id="export" value="導出"/>
</body>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/tableExport.js"></script>
<script type="text/javascript" src="js/base64.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#export").click(function(){
            $("#tables").tableExport({type:"excel",escape:"false"});
        });
    });
</script>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。