0

Possuo uma função Javascript que gera a tabela de uma página em uma planilha Excel. Segue o código abaixo:

function montaExcel(){
    var tab_text = "<table><tr><td><img src='http://xxx.xxx.xxx.xxx/images/layout/logo.jpg'></img></td></tr><tr><td style='font-size: 20px'>"+$('#comboUnidades option:selected').text()+"</td><td style='font-size: 20px'>"+$('#txtData').val()+"</td></tr><tr><td></td></tr></table>";

    tab_text=tab_text+"<table border='2px'><tr bgcolor='#CCCCCC'>";
    var textRange; var j=0;
    tab = document.getElementById('tblAcompanhamentoDiario'); // 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+"<table><tr><td></td></tr><tr><td colspan=8>"+$('#txtRodape').html()+"</td></tr></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("Save As",true,"Acompanhamento_Diario.xls");
    }  
    else                 //other browser not tested on IE 11
        sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));  

    return (sa);
}

Contudo, as imagens estão se sobrepondo às células, como a logo.jpg (grifei em negrito no código acima).

Como eu posso melhorar isso? Alguma sugestão?

1 Resposta 1

0

Não tenho muita certeza, porém acredito que se colocar um width="tamanho_da_foto" na coluna da foto, poderia revolver seu problema. Mas tente colocar no próprio HTML, sem utilização de CSS.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .