Таблица HTML - Экспорт в Excel не работает Google Chrome и IE - PullRequest
Новая
       18

Таблица HTML - Экспорт в Excel не работает Google Chrome и IE

0 голосов
/ 07 февраля 2019

У меня проблема с экспортом таблицы HTML в браузерах IE и Google Chrome. Таблица содержит 2513 строк данных таблицы.Я прочитал в форме Google Chrome есть ошибка для ограничения URL.

Если я удаляю некоторый контент из таблицы и делаю его ниже 2200 строк, экспорт в Excel работает.

Но для текущей таблицы, которая имеет 2600 строк, экспорт в Excel открывает только пробелстраница в Google Chrome

Ниже приведен мой экспорт в Excel функцию и код.Не могли бы вы посоветовать мне исправление / обходной путь для IE и браузера Chrome

На сервере запущен сервер IBM HTTP APP 

<br>
<head>

        <title> Server Data</title>

</head>




<br>
<h1 align=center style=color:#DC143C> Servers data</h1>
<br>
<br>
<br>

<input type="button" value="Export to Excel" style="font-size:12pt;color:white;background-color:green;border:5px solid #336600;padding:3px;float: left;" onclick="exportToExcel('exTable')" />
<br>
<iframe id="txtArea1" style="display:none"></iframe>
<br>
<br>


<script>
        function exportToExcel(tableID){
            var tab_text="<table border='2px'><tr bgcolor='#87AFC6' style='height: 75px; text-align: center; width: 250px'>";
            var textRange; var j=0;
            tab = document.getElementById(tableID); // id of table

        for(j = 0 ; j < tab.rows.length ; j++)
        {

            tab_text=tab_text;
            tab_text=tab_text+tab.rows[j].innerHTML.toUpperCase()+"</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, ""); //remove input params

            var ua = window.navigator.userAgent;
            var msie = ua.indexOf("MSIE ");
            base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s)))},
                format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) {
                return c[p]; }) }
        if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
        {
                txtArea1.document.open("txt/html","replace");
                txtArea1.document.write( '\r\n' + tab_text);
                txtArea1.document.close();
                txtArea1.focus();
                sa=txtArea1.document.execCommand("SaveAs",true,"download.xls");
        }
        else {
            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>'
            var ctx = { worksheet: name || 'Worksheet', table:tab_text }
            sa = window.open('data:application/vnd.ms-excel;base64,' +base64(format(template, ctx)));
        }

            return (sa);
    }
</script>

Chromes при нажатии открывает пустую страницу для экспорта в excel

1 Ответ

0 голосов
/ 14 февраля 2019

Я создал библиотеку JavaScript для экспорта в Excel на стороне клиента: https://github.com/jmaister/excellentexport/

Простое использование: 

<a download="somedata.xls" href="#" onclick="return ExcellentExport.excel(this, 'datatable', 'Sheet Name Here');">Export to Excel</a>

Для XLSX и нескольких листов: 

<a download="somedata.xlsx" 
    href="#" 
    onclick="return ExcellentExport.convert({ anchor: this, filename: 'data_123.array', format: 'xlsx'},[{name: 'Sheet Name Here 1', from: {table: 'datatable'}}]);">
Export to CSV</a>
...