jQuery導出Excel格式

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

data width tab scrip img html tor sel escape

1、問題背景

將一個表格的數據導出到Excel中，保證不出現中文亂碼

2、實現源碼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>導出Excel格式</title>
		<script type="text/javascript" src="js/jquery-1.12.3.js" ></script>
		<script type="text/javascript" src="js/jquery.base64.js" 
 ></script>
		<script type="text/javascript" src="js/tableExport.js" ></script>
		<script type="text/javascript" src="js/jspdf/libs/sprintf.js" ></script>
		<script type="text/javascript" src="js/jspdf/jspdf.js" ></script>
		<script type="text/javascript" src="js/jspdf/libs/base64.js" 
 ></script>
		<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>
		<script>
			$(document).ready(function(){
				$("#exportData").click(function(){
					//導出
					$("#tables").tableExport({type:"excel",escape:"false"});
				});
			});
		</script>
	</head>
	<body>
		<table id="tables">
			<thead>
				<tr>
					<th>姓名</th>
					<th>性別</th>
					<th>年齡</th>
					<th>地址</th>
			</thead>
			<tbody>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
				<tr>
					<td>張三</td>
					<td>男</td>
					<td>34</td>
					<td>湖北省武漢市</td>
				</tr>
			</tbody>
		</table>
		<input type="button" id="exportData" value="導出"/>
	</body>
</html>

3、實現結果

（1）初始化

技術分享圖片

（2）點擊導出

技術分享圖片

（3）打開Excel

技術分享圖片

再分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！希望你也加入到我們人工智能的隊伍中來！http://www.captainbed.net

jQuery導出Excel格式

data width tab scrip img html tor sel escape 1、問題背景將一個表格的數據導出到Excel中，保證不出現中文亂碼 2、實現源碼 <!DOCTYPE html> <html> <

將頁面中表格數據導出excel格式的文件（vue）

表示 webpack ade bpa upd 調用 clas 使用目錄　　近期由於項目需要，需要將頁面中的表格數據導出excel格式的文件，折騰了許久，在網上各種百度，雖然資料不少，但是大都不全，踩了許多坑，總算是皇天不負有心人，最後圓滿解決了。　　1、安裝相關依賴

java 導出CSV格式文件 EXCEL打開防止亂碼

oid getname ioe 開始 img 註意 ria vertica tran package net.joystart.excelTask; import java.io.BufferedWriter; import java.io.File; import j

mvc jQuery 點擊按鈕實現導出Excel功能參數長短不限

clas spl mco ctrl 實現 fun hidden () log 1 var exportSubmit=function(url, obj){ 2 var form = $("<form>"); //定義一個form

利用freemarker導出頁面格式復雜的excel

ros 導出excel 比較命名 xls soft 重命名分用實現剛開始大家可能會利用poi生成簡單的excel，但是遇到需要生成復雜的excel，poi導出excel就比較困難，這時候可以利用freemarker來渲染實現實現生成復雜的excel, 首先將exce

asp.net NPOI導出xlsx格式文件，打開文件報“Excel 已完成文件級驗證和修復。此工作簿的某些部分可能已被修復或丟棄”

tpc com filesize instance ons 讀取 div 技術 i++ NPOI導出xlsx格式文件，會出現如下情況：點擊“是”：導出代碼如下： /// <summary> /// 將datatable數據寫

POI 導出excel帶小數點的數字格式顯示不對解決方法

usermod 技術 cell double 小數 xls tco contents 我們最近看到了一個問題就是java導出excel中帶小數點的數字顯示不對，比如我想在excel中第一行顯示： 3,000.0 但是在excle中導出的格式總是不帶小數點 3000（非

Angular純前端實現table表格導出excel的xls格式

from ins mod itl ble inf 2.0 html ner 版本：angular版本5.2.0 插件：filesaver1.3.8 方法：首先npm安裝filesaver npm install file-saver --save 然後直接在表格所屬的co

POI導出EXCEL經典實現

web.xml face 財務系統簡介風格 sage 獲取 {} resp 1.Apache POI簡介 Apache POI是Apache軟件基金會的開放源碼函式庫，POI提供API給Java程式對Microsoft Office格式檔案讀和寫的功能。 .NET的開

ETL工具—Kettle數據的導入導出—Excel表到數據庫

data ttl 文件啟動連接 alt block 9.png etl 案例目的：當Excel中有幾萬條記錄或者更多數據時，使用Kettle導入到數據庫中。速度就能感到比復制粘貼快很多。這裏我會演示將"data.xlsx"表中數據有15萬多條記錄，使用Kettle導

導出excel

esp ica rule cati oid bject pad () all 主要就是把下面表格導出需要一個aspx頁做request處理設置一下response頭 write一個table出去就ok了 public void ExportExc

.Net MVC 導入導出Excel總結(三種導出Excel方法，一種導入Excel方法) 通過MVC控制器導出導入Excel文件(可用於java SSH架構)

ets esp llb pat lencod cnblogs 創建 etime mmd public class ExcelController : Controller { // // GET: /Excel/ M

使用NPOI庫導入導出EXCEL

date 表頭 xssf content mar exc 下標都是 bool 一、EXCEL 導入（Excel 導入導出實際項目中會被封裝成**Helper 本示例只對簡單功能做演示） NPOI 包引用視圖view @{ ViewBag.Title = "

bos 第4 (區域excel批量導入、區域通用分頁查詢、分區的添加、分區多條件分頁查詢、分區導出excel)

sea htm 不能長安基金會格式 address ret body BOS項目筆記第4天今天內容安排： 1、區域批量導入功能 jQuery OCUpload（一鍵上傳插件）、apache POI、pinyin4j 2、實現區域的分頁查詢 3、對分頁代碼重構

apache poi根據模板導出excel

use 一個 factor exception cep 得到 format 拷貝 return 需要預先新建編輯好一個excel文件，設置好樣式。編輯好輸出的數據，根據excel坐標一一對應。支持列表數據輸出，列表中列合並。代碼如下： package com.ico

原生JavaScript 導出excel表格（兼容ie和其他主流瀏覽器）

toe rip idt exce cti get pad bsp ttext 因同事的需求是想前端導出excel表格，網上找了一些demo，自己修改了一下，可能以後會用到，記錄下來吧，兼容ie和一些主流瀏覽器，ie可能會報錯，原因參考這裏，edge 瀏覽器還沒有辦法導出，

PHP從數據庫原生導出Excel文件

oot excel表從數據 echo 對象 gb2312 xls ati 沒有 <?php //這裏三個header文件是為了將數據庫數據導出Excel表格中,必須存在;//設置編碼header(‘Content-type: text/html; charset=u

Java 實現導出excel表 POI

list() tar creates turn 實體指定位置 com .text orm 1.先導入相關jar包 2.Student.java import java.util.Date; public class Student { pr

ASP.NET導出Excel之二

sql xen utility httputil idt url 屬性 states pan 引用一下dll using org.in2bits.MyXls; 1 public void DaoChuExeclWenTi(string strwhere, st

poi實現導出excel

nbsp puts getc service quest hone obj request write 1.導入poi所需的jar包解壓後導入其中的jar包 2.實現在瀏覽器中將查詢到的數據導入一個excel文件並實現下載（以學生表為例） @RequestMappi

jQuery導出Excel格式

相關推薦