tabl2excel 라이브러리 사용
▼ 내용
table to excel converter
java 단이나 jsp 단으로 poi나 jxl 라이브러리를 사용할수있지만....
js 로 바꾸고싶어 찾아보다 사용하기 편한 라이브러리를 발견하여 관련된 사용법을 작성합니다.
아래 소스를 다운받아 엑셀로 실행하엿을경우 위 그림처럼 export가 된다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="text/javascript" src="../scripts/jquery-1.11.0.js"></script>
<script type="text/javascript" src="../scripts/jquery.table2excel.js"></script>
</head>
<body>
<table id="TableToExcel" border=2 width=710 cellpadding=0 cellspacing=0 class='table table-bordered' align=center style='border-collapse:collapse;' >
<thead>
<tr>
<td>번호</td>
<td>번호</td>
<td>번호</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
</tbody>
</table>
<iframe id="txtArea1" style="display:none"></iframe>
<!-- IE 호환을 위해서 iframe을 추가해야한다 -->
<!-- IE에서는 txtArea1 의 객체를 찾기 때문이다. 크롬은 없어도 된다. 있어도 상관은 없다. -->
<input type='button' class='btn btn-inverse' value='excel 다운' style='width:100px;height:36px;font-weight:bold;' onclick="ReportToExcelConverter()" />
</body>
<script>
function ReportToExcelConverter() {
$("#TableToExcel").table2excel({
exclude: ".noExl",
name: "Excel Document Name",
filename: "report" +'.xls',
fileext: ".xls",
exclude_img: true,
exclude_links: true,
exclude_inputs: true
});
};
</script>
</html>
위 소스처럼 table의 id를 지정하고 제이쿼리함수 $("#아이디") 를 지정한다음 위 소스처럼 작성하면 table 을 자동으로 excel 형식으로 export 해준다. script 를 불러올때 꼭 jquery 를 부른다음 table2excel.js 를 로드해야한다. 또한 iframe을 써줘야 ie에서 작동이된다.
excel exprort.zip
예제 파일이다.
출처: https://dydals5678.tistory.com/107 [아빠개발자의 노트]
