Экспорт динамической таблицы html в excel в javascript в браузере Firefox

Хотите экспортировать динамическую таблицу html в excel в javascript, есть ли способ, который я могу сделать в браузере Firefox, без использования объекта activex в коде .please help me

Ответ 1

Здесь функция для этого в Firefox с JavaScript, если пользователь установил на своем компьютере Excel:

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

jsFiddle в реальном времени:

http://jsfiddle.net/insin/cmewv/

Ответ 2

Вы можете динамически генерировать файл Excel в формате SpreadsheetDataXML, который позволяет настраивать таблицы, стили ячеек и формат в синтаксисе HTML.

Чтобы сделать эту работу в IE, вам нужно будет использовать объект Blob, а затем вызвать метод msSaveBlob. Для FF и Chrome вы можете просто изменить данные href на данные: application/vnd.ms-excel

function fnExcelReport() {
    var tab_text = '<html xmlns:x="urn:schemas-microsoft-com:office:excel">';
    tab_text = tab_text + '<head><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>';

    tab_text = tab_text + '<x:Name>Test Sheet</x:Name>';

    tab_text = tab_text + '<x:WorksheetOptions><x:Panes></x:Panes></x:WorksheetOptions></x:ExcelWorksheet>';
    tab_text = tab_text + '</x:ExcelWorksheets></x:ExcelWorkbook></xml></head><body>';

    tab_text = tab_text + "<table border='1px'>";
    tab_text = tab_text + $('#myTable').html();
    tab_text = tab_text + '</table></body></html>';

    var data_type = 'data:application/vnd.ms-excel';

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

    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
        if (window.navigator.msSaveBlob) {
            var blob = new Blob([tab_text], {
                type: "application/csv;charset=utf-8;"
            });
            navigator.msSaveBlob(blob, 'Test file.xls');
        }
    } else {
        $('#test').attr('href', data_type + ', ' + encodeURIComponent(tab_text));
        $('#test').attr('download', 'Test file.xls');
    }
}

Рабочий пример: http://jsfiddle.net/h42y4ke2/21/ Учебник YT: https://www.youtube.com/watch?v=gx_yGY6NHkc

Ответ 3

AFAIK нет библиотеки для создания реального файла excel в JavaScript, но вы можете попробовать и экспортировать таблицу в HTML в файл с расширением .xls.

Ответ 4

Для firefox существует расширение table2clipboard. Вы также можете генерировать вывод csv из дерева DOM вручную и позволить пользователю сохранять его как файл csv. Excel может импортировать из CSV.