JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://requirejs.org/docs/release/2.1.2/minified/require.js"></script>
<button id="download_button">Download</button>
JavaScript
requirejs.config({
paths: {
'jquery': '//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min',
'excel-builder': '//rawgit.com/stephenliberty/excel-builder.js/master/dist/excel-builder.compiled',
'filesaver': '//rawgit.com/eligrey/FileSaver.js/master/FileSaver'
}
});
var data = [
["Brauerei", "Output 2012 in Millionen Hektolitern", "Herkunft"],
["Oettinger", 5.89, "Oettingen"],
["Krombacher", 5.46, "Kreuztal"],
["Bitburger", 4.07, "Bitburg"],
["Beck's", 4.07, "Bremen"],
["Warsteiner", 2.77, "Warstein"]
];
require(['jquery', 'excel-builder', 'filesaver'], function($, ExcelBuilder, saveAs) {
$('#download_button').click(function() {
var workbook = ExcelBuilder.createWorkbook();
var worksheet = workbook.createWorksheet({name: "Top ten German beer brands"});
worksheet.setData(data);
workbook.addWorksheet(worksheet);
var filedata = ExcelBuilder.createFile(workbook, {type: "blob"});
saveAs(filedata, "BeerBrands.xlsx");
});
});