關於HTML table直接導出Excel的問題

<table class="table tableStyles" id="tables">
        <caption>需要導出的表格</caption><!--可以生成表格的標題-->
        <thead>
            <tr>
                <th>姓名</th>
                <th>類型</th>
                <th>一月</th>
                <th>二月</th>
                <th>三月</th> 
                <th>四月</th>
                <th>五月</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="3">李天華</td>
                <td>加班</td>
                <td>20</td>
                <td>80</td>
                <td>500</td>
                <td>1</td>
                <td>3</td>
            </tr>
            <tr>
                <td>張卡</td>
                <td>請假</td>
                <td>80</td>
                <td>500</td>
                <td>1</td>
                <td>3</td>
                <td>20</td>
            </tr>
        </tbody>
    </table>

利用html5的download屬性,點擊下載該文件

<input type="button" οnclick="tableToExcel('tables', 'name', 'myfile.xls')" value="Export to Excel">

創建ActiveXObject對象複製到表格中

<input id="Button1" type="button" value="導出EXCEL" οnclick="javascript:excels('tables')" />

 

 

<script type="text/javascript">
        var timer;
        function getExplorer(){//獲取瀏覽器
            var explorer=window.navigator.userAgent;
            if(explorer.indexOf("MSIE") >= 0|| (explorer.indexOf("Windows NT 6.1;") >= 0 && explorer.indexOf("Trident/7.0;") >= 0)){
                return 'ie';
            }else if (explorer.indexOf("Firefox") >= 0) {
                return 'Firefox';
            }else if(explorer.indexOf("Chrome") >= 0){
                return 'Chrome';
            }else if(explorer.indexOf("Opera") >= 0){
                return 'Opera';
            }else if(explorer.indexOf("Safari") >= 0){
                return 'Safari';
            }
        }
        function excels(table){
            if(getExplorer()=='ie'){
                var curTbl = document.getElementById(table);
                var oXl=new ActiveXObject("Excel.Application");//創建AX對象excel 
                var oWB = oXL.Workbooks.Add();//獲取workbook對象
                var xlsheet = oWB.Worksheets(1);//激活當前sheet
                var sel = document.body.createTextRange();
                sel.moveToElementText(curTbl);//把表格中的內容移到TextRange中 
                sel.select;//全選TextRange中內容
                sel.execCommand("Copy");//複製TextRange中內容
                xlsheet.Paste();//粘貼到活動的EXCEL中
                oXL.Visible = true;//設置excel可見屬性
                try{
                    var filename = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
                }catch(e){
                    window.print("Nested catch caught " + e);
                }finally{
                    oWB.SaveAs(filename);
                    oWB.Close(savechanges = false);
                    oXL.Quit();
                    oXL = null;//結束excel進程,退出完成
                    timer = window.setInterval("Cleanup();", 1);
                }
            }else{
                tableToExcel("tables");
            }
        }
        function Cleanup(){
            window.clearInterval(timer);
            CollectGarbage();//CollectGarbage,是IE的一個特有屬性,用於釋放內存的
        }
        var tableToExcel=(function(){
            var uri = 'data:application/vnd.ms-excel;base64,',
                template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>',
                base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) },
                format = function(s, c) {
                    return s.replace(/{(\w+)}/g,
                    function(m, p) { return c[p]; }) };
            return function(table, name) {
                if (!table.nodeType) table = document.getElementById(table);
                var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML};
                window.location.href = uri + base64(format(template, ctx))
            }
        })();
    </script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章