1
htmlテーブルのデータをExcelファイルにエクスポートしようとしていますが、IEとFirefoxではダウンロード機能が動作しません。 Chromeでは問題なく動作します。IEとFirefoxでtableToExcelが機能しない
サービス工場 -
aixmmServices.factory('Excel',function($window){
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 {
tableToExcel:function(tableId,worksheetName){
var table=$(tableId),
ctx={worksheet:worksheetName,table:table.html()},
href=uri+base64(format(template,ctx));
return href;
}
};
});
コントローラ -
frameLparReportApp.controller('frameLparReportController', function ($scope, $state, frameLparReportServices, Excel, $timeout) {
'use strict';
$("#btnExport").click(function (e) {
window.open('data:application/vnd.ms-excel,' + $('#frameLpar').html());
e.preventDefault();
});
$scope.exportToExcel=function(tableId){ // ex: '#my-table'
var exportHref=Excel.tableToExcel(tableId,'frameLparReport');
var a = document.createElement('a');
a.href = exportHref;
$scope.currentDate = new Date().getTime().toString();
a.download = "frameLparStateListingReport_" + $scope.currentDate + ".xls";
a.click();
$timeout(function(){location.href=exportHref;},100); // trigger download
};
})。
HTML - ExcelシートにHTMLテーブルをエクスポート中
<input type="button" id="btnExport" value="Download Frame LPAR Report" class="btn btn-link" ng-click="exportToExcel('#frameLpar')">