Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

Export html table data to Excel using JavaScript

function fnExcelReport()
{
    var tab_text="<table border='2px'><tr bgcolor='#87AFC6'>";
    var textRange; var j=0;
    tab = document.getElementById('headerTable'); // id of table

    for(j = 0 ; j < tab.rows.length ; j++) 
    {     
        tab_text=tab_text+tab.rows[j].innerHTML+"</tr>";
        //tab_text=tab_text+"</tr>";
    }

    tab_text=tab_text+"</table>";
    tab_text= tab_text.replace(/<A[^>]*>|</A>/g, "");//remove if u want links in your table
    tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table
    tab_text= tab_text.replace(/<input[^>]*>|</input>/gi, ""); // reomves input params

    var ua = window.navigator.userAgent;
    var msie = ua.indexOf("MSIE "); 

    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11./))      // If Internet Explorer
    {
        txtArea1.document.open("txt/html","replace");
        txtArea1.document.write(tab_text);
        txtArea1.document.close();
        txtArea1.focus(); 
        sa=txtArea1.document.execCommand("SaveAs",true,"Say Thanks to Sumit.xls");
    }  
    else                 //other browser not tested on IE 11
        sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));  

    return (sa);
}
Comment

html table to excel javascript

<script type="text/javascript">
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]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></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>
Comment

table to excel javascript

<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script
    src="https://cdn.rawgit.com/rainabba/jquery-table2excel/1.1.0/dist/jquery.table2excel.min.js"></script>
Comment

PREVIOUS NEXT
Code Example
Javascript :: typed.js 
Javascript :: react-router-dom redirect 
Javascript :: discord js mention 
Javascript :: javascript sort numbers descending 
Javascript :: how to slice/trim/remove last character in string 
Javascript :: Access to XMLHttpRequest has been blocked by CORS policy 
Javascript :: react native image auto height 
Javascript :: regular expressions password contains number 
Javascript :: javascript string in string 
Javascript :: jspdf pdf from html 
Javascript :: javascript get element by id 
Javascript :: javascript get all characters before a certain one 
Javascript :: react js get screen size 
Javascript :: xlsx to json javascript 
Javascript :: nodejs how to send html 
Javascript :: stripe react js 
Javascript :: remove line break javascript 
Javascript :: store data to the browser’s localStorage 
Javascript :: Angular Laravel has been blocked by CORS policy: Request header field x-requested-with is not allowed by Access-Control-Allow-Headers in preflight response. 
Javascript :: onclick change image javascript example 
Javascript :: jsonarray add jsonobject 
Javascript :: javascript how to reverse a string 
Javascript :: how to get element by id 
Javascript :: how to autoload config files added in composer.json laravel 
Javascript :: chrome extension open new tab from popup 
Javascript :: how to make a translator in javascript 
Javascript :: react js loop through array of objects 
Javascript :: how to change materil ui divider coloer 
Javascript :: javascript set property for each object in array of objects 
Javascript :: javascript canvas to image 
ADD CONTENT
Topic
Content
Source link
Name
1+4 =