Generate excel sheet from html tables using jquery
excel, html, javascript, jquery
Solution
Here is the answer: Export dynamic html table to excel in javascript in firefox browser by insin
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))
}
})()
Problem
I wanted to generate an excel sheet once a user clicks on a button . Basically i want to do exactly what is dicussed here how to pass html table values to excel sheet cells (Kalle H. Väravas answer ) JavaScript to export HTML tables to Excel But somehow nothing happens when i click on the button . I am using Mozilla browser . My code needs ActiveXObject enabled . DO i need to do something extra to get it done . ? I created this fiddle for testing . If this works i will try out my real code . if this works for you then also please let me know . Thanks jFiddle Code : JS : ``` <script type="text/javascript"> function CreateExcelSheet() { var i, j, str, myTable = document.getElementById('mytable'), rowCount = myTable.rows.length, excel = new ActiveXObject('Excel.Application');// Activates Excel excel.Workbooks.Add(); // Opens a new Workbook excel.Application.Visible = true; // Shows Excel on the screen for (i = 0; i < rowCount; i++) { for (j = 0; j < myTable.rows[i].cells.length; j++) { str = myTable.rows[i].cells[j].innerText; excel.ActiveSheet.Cells(i + 1, j + 1).Value = str; // Writes to the sheet } } return; } </script> ``` Html : ``` <table id ="myTable" > <tr> <td>1</td> <td>Jan</td> <td>01/04/2012</td> <td>Approved</td> </tr> <tr> <td>2</td> <td>Feb</td> <td>01/04/2012</td> <td>Approved</td> </tr> </table> <form> <input type="button" onclick="CreateExcelSheet();" value="Create Excel Sheet" > </form> ```