Экспорт динамической таблицы HTML, чтобы преуспеть в JavaScript в браузере Firefox

Хотите экспортировать динамическую HTML-таблицу, чтобы преуспеть в JavaScript, есть ли способ сделать это в браузере Firefox без использования объекта ActiveX в коде. Пожалуйста, помогите мне

Источник

4 ответа

Вот функция для выполнения этого в 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:

Источник

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

Чтобы это работало в IE, вам нужно использовать объект Blob, а затем вызвать метод msSaveBlob. Для FF и Chrome вы можете просто изменить данные href на data: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

Источник

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

Источник

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

Источник
Другие вопросы по тегам