Breaking News: Grepper is joining You.com. Read the official announcement!

html export to excel javascript

Add Answer

The Digital Envious Emu answered on February 1, 2022 Popularity 9/10 Helpfulness 3/10

answer html export to excel javascript

related Export html table data to Excel using JavaScript

related Export HTML table to Excel_js

related export table to excel javascript

html export to excel javascript

Comment

// Notes for Grepper users:
// This code works extremely well: I've also tested it with a table inside a div
// Please see the original source: Well explained and with an example.
// Kudos to CodexWorld 

function exportTableToExcel(tableID, filename = ''){
    var downloadLink;
    var dataType = 'application/vnd.ms-excel';
    var tableSelect = document.getElementById(tableID);
    var tableHTML = tableSelect.outerHTML.replace(/ /g, '%20');
    
    // Specify file name
    filename = filename?filename+'.xls':'excel_data.xls';
    
    // Create download link element
    downloadLink = document.createElement("a");
    
    document.body.appendChild(downloadLink);
    
    if(navigator.msSaveOrOpenBlob){
        var blob = new Blob(['\ufeff', tableHTML], {
            type: dataType
        });
        navigator.msSaveOrOpenBlob( blob, filename);
    }else{
        // Create a link to the file
        downloadLink.href = 'data:' + dataType + ', ' + tableHTML;
    
        // Setting the file name
        downloadLink.download = filename;
        
        //triggering the function
        downloadLink.click();
    }
}

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: www.codexworld.com

Tags: export-to-excel html javascript

Link to this answer
Share Copy Link

Contributed on Nov 24 2022

The Digital Envious Emu

0 Answers Avg Quality 2/10

Closely Related Answers

Export html table data to Excel using JavaScript

Comment

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);
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: excel exce

Link to this answer
Share Copy Link

Contributed on Feb 01 2022

Tender Tamarin

0 Answers Avg Quality 2/10

Export HTML table to Excel_js

Comment

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, ""); // removes 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);
}

Popularity 8/10 Helpfulness 2/10 Language cpp

Source: www.codegrepper.com

Tags: c++ export expor

Link to this answer
Share Copy Link

Contributed on Sep 03 2022

Jeffrey Obada, CRM

0 Answers Avg Quality 2/10

export table to excel javascript

Comment

function exportTableToExcel(tableId, filename = 'table') {
  let downloadLink;
  const dataType = 'application/vnd.ms-excel';
  const table = document.getElementById(tableId);
  const tableHTML = table.outerHTML.replace(/ /g, '%20');

  // Create download link element
  downloadLink = document.createElement('a');
  document.body.appendChild(downloadLink);

  if (navigator.msSaveOrOpenBlob) {
    const blob = new Blob(['\ufeff', tableHTML], {
      type: dataType
    });
    navigator.msSaveOrOpenBlob(blob, `${filename}.xls`);
  } else {
    // Create a link to the file
    downloadLink.href = 'data:' + dataType + ', ' + tableHTML;

    // Setting the file name
    downloadLink.download = `${filename}.xls`;

    // Simulating click to trigger the download
    downloadLink.click();
  }
  
  document.body.removeChild(downloadLink);
}

// Usage: Call the exportTableToExcel function with the table id as the first argument
exportTableToExcel('myTable', 'table_filename');

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

html export to excel javascript

Contents

More Related Answers

html export to excel javascript

Closely Related Answers

Export html table data to Excel using JavaScript

Export HTML table to Excel_js

export table to excel javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.