使用jquery.table2excel，將HTML的table標籤資料匯出成excel，包含匯出圖片到excel

阿新 • • 發佈：2018-12-11

在web實際使用中，需要將頁面的表格轉換成為EXCEL表格，原想寫個原生的，但是發現一個外掛很好用——jquery.table2excel，在這寫一個簡單的demo。

程式碼

<!DOCTYPE>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>TABLE轉換EXCEL</title>
        <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" 
 ></script>
        <script src="js/jquery.table2excel.js"></script>
        <style type="text/css">
            .btn{
                margin:20px;
            }
        </style>
    </head>
    <body>
        <center>
            <input class="btn" type 
="button"  value="點選匯出">
            <div class="table2excel">
                <table id = 'testTable' border="1">
                    <tr>
                        <th>標題一</th>
                        <th>標題二</th>
                        <th>標題三</th 
>
                    </tr>
                    <tr  class="noExl">
                      <td>100 (不匯出)</td>
                      <td>200 (不匯出)</td>
                      <td>300 (不匯出)</td>
                    </tr>
                    <tr>
                      <td>400</td>
                      <td>500</td>
                      <td>600</td>
                    </tr>
                    <tr>
                      <td><a href="http://www.baidu.com">baidu.com</a></td>
                      <td><input tyle="text" value="input 資料"></td>
                      <td><img src="http://yuyuan:8080/zzz/img/test.jpg" alt="image"></td>
                    </tr>
                </table>
            </div>
        </center>
        <script type="text/javascript">
            $(function() {
                $(".btn").click(function(){
                    $(".table2excel").table2excel({
                        // 不被匯出的表格行的CSS class類
                        exclude: ".noExl",
                        // 匯出的Excel文件的名稱
                        name: "Excel Document Name",
                        // Excel檔案的名稱
                        filename: "test",
                        //檔案字尾名
                        fileext: ".xls",
                        //是否排除匯出圖片
                        exclude_img: false,
                        //是否排除匯出超連結
                        exclude_links: false,
                        //是否排除匯出輸入框中的內容
                        exclude_inputs: false
                    });
                }); 
            });
        </script>
    </body>
</html>

參考

總結

傳入的引數預設是true（排除），需要顯示的話就設定為false就可以了。
然後圖片需要注意的是：圖片地址要寫一個完整的可以訪問的網際網路路徑，要不然的話excel打不開，會顯示空白的，然後你的電腦必須可以訪問網際網路。
這個demo並沒有設定圖片和表格的樣式，有需要的自己設定。
我開啟的檔案是用office2016開啟的。office其他的版本，以及wps均沒有實驗，可能會有差異吧，請注意！
office 的受保護的檢視，開啟也是無法看到圖片的，請自行搜尋如何取消。

MySQL資料庫，將一列資料組合成一行，並以逗號分割

MySQL的資料庫的GROUP_CONCAT函式這一列的資料是這樣的：執行這段SQL： SELECT GROUP_CONCAT(CONCAT('\'',keyword,'\'')) FROM sp_goodimgsinfo where goodid='7

MySQL資料庫，將一列資料組合成一行，並以逗號分割，GROUP_CONCAT

MySQL資料庫的GROUP_CONCAT函式很厲害呀！這一列的資料是這樣的：執行這段SQL： SELECT GROUP_CONCAT(CONCAT('\'',ENIN_NAME,'\''))

android開發在JNI函式中引用Java類，將cxx複雜資料轉換成jobjectArray，實現從JNI到Java的資料傳輸

引言： JNI是Java可以呼叫高效的c++程式碼，但是在JNI函式中傳遞複雜資料型別十分的繁瑣，一般情況下需要jobject作為中轉，一維陣列int[],float[]以及二維陣列String[]可以實現方便的引數傳入/傳出。其他複雜的二、三維陣列理論上可以

GROUP_CONCAT,SUBSTRING_INDEX的妙用(將多條資料合併成一行，並且根據某些列的合併值做條件判斷來生成最終值)

（1）不做處理： SELECT e.class_id AS class_id, c.course_name AS class_name, u.stuNum AS stu_num, u.USER_NAME AS student_name, u.department AS depart

Flume1.4 相關引數設定，將收集的資料彙總到hdfs，解決許多小檔案問題

參照官方文件，將 flume client 收集的日誌檔案彙總到 flume sink收集端，然後儲存到hdfs 中，預設會按生成許多小檔案，如圖所示實際中可能只需要生成一個檔案即可，這就涉及到了幾個相關引數設定如下即可需要修改的檔案位於 flume/con

2017.7.14 使用case when和group by將多條資料合併成一行，並且根據某些列的合併值做條件判斷來生成最終值

1.效果演示（1）不做處理（2）合併多列，並對後四列的值做並集處理 2.SQL語句（1）不做處理 1 SELECT 2 C .fd_tenantid AS fdTen

MATLAB轉換TXT中灰度值資料格式，將灰度資料輸出為影象

在整理地圖測繪資料時，需要將資料先匯出，然後將資料轉化為影象資訊，使用MATLAB進行轉化遇到點問題，最後算是能出影象了，就將這一點經驗分享下。首先看下匯出來的資料格式，匯出來的為TXT格式，其中橢圓是有效資料，但是這種資料比較格魯的一點是，輸出的資料是40*400的

Qt 檔案的讀寫，將讀取的資料儲存到Qvector

#include "mainwindow.h" #include "ui_mainwindow.h" MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) {

jquery把表單資料序列成json，支援多維陣列

jQuery.formHelper = { getObject: function (urlserialize) { if (urlserialize) { urlserialize = decodeURI(urlserialize);

Python：教你一招，將500W+的資料快速寫入redis

最近遇到一個問題：用python寫500W+的資料到redis,時間要花費2小時左右。該如何優化呢？ redis介紹 Redis是REmote DIctionary Server的縮寫。對Redis的作用的不同解讀決定了你對Redis的使用方式。如果你認為Redis是一個key

Android開發之-- 將list格式的資料轉化成帶有，的字串

有時候上傳伺服器會要求傳1，2，3這種格式的資料並且上傳的整體是一個字串即 String data = “ 1，2，3 ” 常常開發時候會用listview來管理同類資料，這就需要轉換一下一個方法 //將list轉換為帶有，的字串 public static

通過Ajax技術，將陣列型別資料轉換為JSON格式的物件

一、在伺服器端將list型別資料放入JSON物件中的方法 tjyjList=PxcscjbDAO.getTjyjList(pxcscjbQOMap); //生成JSON物件，用來容納獲得的樣卷陣列 JSONObject jsonObject=new JSONObjec

jquery each 取得指定元素屬性的所有值，將所值儲存到陣列中，再判斷變數值是否在其中

jquery each 取得指定元素屬性的所有值，將所值儲存到陣列中再判斷變數值是否在其中 <!DOCTYPE html> <html> <head> <m

用Python將多標籤資料存入caffe使用的HDF5&LMDB格式

最近在進行多標籤的資料轉換，發現直接使用caffe自帶的convert_image不是很方面，就收集了一下用python的處理方法。現整理以備後用。使用時發現，用python寫入lmdb有個問題，如果事先無法知道資料的大小，那麼分配的儲存空間map_size就不好確定（預

eclipse中與資料庫的建立，將資料庫表在介面上顯示，以及實現資料表的增刪改查操作

首先前期工作這裡就不講了，比如說資料庫的建立,MySql連線驅動等內容。介面主要內容：（1）執行出現第一個點選按鍵，點選後進入JTable資料繫結例項介面（2）接下來就可以進行相應操作。廢話不說，直接上效果圖。圖一新增資料前圖二新增資料後圖三修改資料後圖四刪除資料前圖

使用Docker部署MySQL（資料持久化），將mysql的資料對映到本機磁碟

本文簡述如何使用Docker部署mysql,同時持久化資料.我們會用到tutum-docker-mysql這個專案來搭建一個mysql,省去重頭寫Dockerfile的時間.首先我們將tutum-docker-mysql跑起來.docker run -d -p 3306:33

sql裡將重複行資料合併為一行，資料用逗號分隔（張高偉）

一.定義表變數 DECLARE @T1 table ( UserID int , UserName nvarchar(50), CityName nvarchar(50) ); insert into @T1 (UserID,UserName,CityName) values (1,'a','上海') i

Python3 將txt數據轉換成列表，進行排序，

python pla n) color ted adl turn image [] 首先是數據：將上邊的四個數據分別寫在新建的txt文件中 1、將txt數據轉為列表 with open(‘james.txt‘) as jaf: data = jaf.re

給定一個句子（只包含字母和空格），將句子中的單詞位置反轉，單詞用空格分割, 單詞之間只有一個空格，前後沒有空格。

foo x11 sdi ocl ref margin dia 分割 lns 2巳嘿2啃40必刪8蔚http://t.docin.com/mqjnf44635 4瓶3ck芳8g0琳c鋪巢0http://t.docin.com/uemr9596 pf絞職9ZPFV壕5htt

根據典型用戶模板和用戶場景模板，將所承擔的項目任務，按照模板的要求描繪

場景 tab class 困難文字根據承擔大學本科角色典型用戶分析：有什麽基本角色？（1）客戶：提出需求的人（2）設計者：網站的布局設計者（3）負責人：驗收結果的人王總——提出需求姓名　王總　性別　、年齡男、40 職業老板　

使用jquery.table2excel，將HTML的table標籤資料匯出成excel，包含匯出圖片到excel

程式碼

參考

總結

相關推薦