溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Jquery怎么導出帶樣式的Excel

發(fā)布時間：2021-07-14 15:06:09 來源：億速云 閱讀：583 作者：chen 欄目：大數(shù)據(jù)

這篇文章主要講解了“Jquery怎么導出帶樣式的Excel”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Jquery怎么導出帶樣式的Excel”吧！

工作中做導出的時候，需要導出自定義的表格或嫌棄導出的Excel格式太難看了。

需要設置顏色、字號大小、加粗、合并單元格等等。

特性：

  • 支持過濾 某個位置

  • 支持過濾 img 標簽

  • 支持過濾 a 標簽

  • 支持過濾 input 標簽

  • 支持包含 行內(nèi)樣式。

HTML頁面：

Jquery怎么導出帶樣式的Excel

Excel效果：

Jquery怎么導出帶樣式的Excel

HTML代碼：

<html>
<head>
    <title>Demo Jquery Table2Excel</title>
</head>
<body>
<table  cellpadding=0 cellspacing=0 border="1" id="tblExport">
    <tr>
        <td colspan="5" align="center">
            <h3>成績單</h3>
        </td>
    </tr>

    <tr>
        <td style='width:54pt' align="center">編號</td>
        <td style='width:54pt' align="center">姓名</td>
        <td style='width:54pt' align="center">語文</td>
        <td style='width:54pt' align="center">數(shù)學</td>
        <td style='width:54pt' align="center">英語</td>
    </tr>

    <tr>
        <td align="center">1</td>
        <td  align="center">Jone</td>
        <td  align="center">90</td>
        <td  align="center">85</td>
        <td  align="center">100</td>
    </tr>

    <tr>
        <td align="center">2</td>
        <td  align="center">Tom</td>
        <td  align="center">99</td>
        <td  align="center">85</td>
        <td  align="center">80</td>
    </tr>

</table>
<button id="btnExport">導出為Excel</button>
</body>
<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/jquery.table2excel.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#btnExport").click(function () {
            $("#tblExport").table2excel({
                exclude  : ".noExl", //過濾位置的 css 類名
                filename : "成績單-" + new Date().getTime() + ".xls" //文件名稱
            });
        });
    });
</script>
</html>

感謝各位的閱讀，以上就是“Jquery怎么導出帶樣式的Excel”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對Jquery怎么導出帶樣式的Excel這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手