Javascript, Excel Export

2015. 5. 4. 20:42 Html/CSS/Javascript

Excel Export 기능은 자주는 아니지만 간간히 필요할 때가 있다-


자주가 아니기 때문에 쓸 때마다 검색에 의존하고.. 

점점 쉬운 방법을 찾아간다-


이전에 POI를 이용한 Excel 관련 포스팅을 한 기억이 있는데- 이 방법이 훨씬 직관적이고 쉬운 것 같다-


아, 물론 단점이 존재한다-


글자 크기라던가- 뭐.. 여튼 이런저런 서식을 전혀 이용하지 못한다-

(내가 검색을 잘 못해서 그런 걸 수도 있고-)


각설하고-

코드 들어간다-


<script type="text/javascript" src="/js/excel/xlsx.core.min.js"></script>
<script type="text/javascript" src="/js/excel/Blob.js"></script>
<script type="text/javascript" src="/js/excel/FileSaver.js"></script>


요 위에 세개의 js 파일을 넣고- 밑에 처럼..


var data = new Array();
var row = new Array();
 
row.push('val1');
row.push('val2');
row.push('val3');
 
data.push(row);
 
var ws_name = 'Work Sheet1';
var wb = new Workbook();
var ws = sheet_from_array_of_arrays(data);
 
wb.SheetNames.push(ws_name);
wb.Sheets[ws_name] = ws;
 
var wb_out = XLSX.write(wb, {bookType:'xlsx', bookSST:true, type:'binary'});
 
saveAs(new Blob([s2ab(wb_out)], {type:'application/octet-strean'}, 'File_Name.xlsx');


굉장히 간단하다-


아마 코드만 봐도 다 이해가 될 듯-

'Html/CSS/Javascript' 카테고리의 다른 글

Ajax beforeSend, 로딩 시 화면  (0) 2014.08.22
구글 지도 API  (0) 2014.08.13
PPT, PDF preview, gdocsViewer  (0) 2014.08.10
WYSIWYG 에디터, summernote  (0) 2014.08.10

Recent Posts

Recent Comments

Recent Trackbacks