HTML 표를 excel, pdf 등으로 내보낼 수 있는 좋은 jquery 플러그인

3307 단어 jquery 플러그인
HTML을 구현할 수 있는 외국인용 jquery 플러그인 발견
표는 excel, pdf 등 형식으로 내보내고,
주소:
https://github.com/kayalshri/
다음은 표를 excel, pdf로 내보내는 예입니다.


<html>
			<head>
				<title>Export html table to excel and csv using jquery</title>
			<script src="/jquery-1.9.1.min.js"></script>
			<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
				<script type="text/javascript" src="/jquery.base64.js"></script>

				<script type="text/javascript" src=/tableExport.js"></script>
             
                     <script type="text/javascript" src="/jspdf/libs/sprintf.js">
                      </script>
                   
					    <script type="text/javascript" src="http://localhost:8082/myphp/tableExport.jquery.plugin-master/jspdf/jspdf.js"></script>
						 <script type="text/javascript" src="/jspdf/base64.js"></script>
					  
			</head>
			<body>
				[align=right]
					<br><br><br>			
					<button class="btn btn-success" onClick ="$('#customers').tableExport({type: 'excel', escape: 'false'});">Excel Export</button>
					<button class="btn btn-success" onClick ="$('#customers').tableExport({type: 'pdf', escape: 'false'});">CSV Export</button>
					<br><br>
					[/align]
					<table id="customers" class="table table-striped table-bordered" >
						<thead>			
							<tr class='warning'>
								<th>Country</th>
								<th>Population</th>
								<th>Date</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Chinna</td>
								<td>1,363,480,000</td>
								<td>March 24, 2014</td>
							</tr>
							<tr>
								<td>India</td>
								<td>1,241,900,000</td>
								<td>March 24, 2014</td>
							</tr>
							<tr>
								<td>United States</td>
								<td>317,746,000</td>
								<td>March 24, 2014</td>
							</tr>
							<tr>
								<td>Indonesia</td>
								<td>249,866,000</td>
								<td>July 1, 2013</td>
							</tr>
							<tr>
								<td>Brazil</td>
								<td>201,032,714</td>
								<td>July 1, 2013</td>
							</tr>
						</tbody>
					</table> 
				</div>
			</body>
		</html>


사실 PDF, EXCEL을 생성하는 원리는 항상 데이터:application/vnd를 이용하는 것이다.ms 등에서 생성된base64를 이용했습니다. 구체적인 코드는github의 코드를 참고하여 가져와 보십시오. 간단한 EXCEL, PDF 내보내기에 충분합니다.

좋은 웹페이지 즐겨찾기