Экспорт таблицы html в excel с помощью javascript

Question

Я попытался экспортировать таблицу html в excel, используя код, приведенный в этом Gist. Но после экспорта, когда я открыл файл, он отображает html-код демонстрационной страницы в excel. Может кто-нибудь, пожалуйста, укажите правильный образец javascript, используемый для экспорта таблицы html в excel (Должен быть открыт в Office Calc тоже).

EDIT: приклеен к скриншоту из картинки.

Answer 1

Вот функция, я сделал.

Добавить класс «удалить» на элементы, которые вы не хотите показывать в Excel.

function exportExcel(id,name){ //<table> id and filename 
    var today = new Date(); 
    var date = ('0'+today.getDate()).slice(-2)+"-"+('0'+(today.getMonth()+1)).slice(-2)+"-"+today.getFullYear(); 

    var file_name = name+"_"+date+".xls"; //filename with current date, change if needed 
    var meta = '<meta http-equiv="content-type" content="text/html; charset=UTF-8" />'; 
    var html = $("#"+id).clone(); 

    html.find('.remove').remove(); //add the 'remove' class on elements you do not want to show in the excel 
    html.find('a').each(function() { //remove links, leave text only 
     var txt = $(this).text(); 
     $(this).after(txt).remove(); 
    }); 
    html.find('input, textarea').each(function() { //replace inputs for their respectives texts 
     var txt = $(this).val().replace(/\r\n|\r|\n/g,"<br>"); 
     $(this).after(txt).remove(); 
    }); 
    html.find('select').each(function() { //replace selects for their selected option text 
     var txt = $(this).find('option:selected').text(); 
     $(this).after(txt).remove(); 
    }); 
    html.find('br').attr('style', "mso-data-placement:same-cell"); //make line breaks show in single cell 
    html = "<table>"+html.html()+"</table>"; 

    var uri = 'data:application/vnd.ms-excel,'+encodeURIComponent(meta+html); 
    var a = $("<a>", {href: uri, download: file_name}); 
    $(a)[0].click(); 
} 

вызова его на событие, например:

$("#export_button").click(function(e){ 
    exportExcel("table_id", "filename"); 
});