javascript - tablas - exportar tabla html como archivo de palabra y cambiar la orientación del archivo

tablas dinamicas html javascript

Question

Tengo la función jquery que exporta html table to word file. La función funciona muy bien, pero necesito rotar un archivo de palabras para orientarlo. ¿Puede alguien ayudarme?

Aquí está la función js:

    <SCRIPT type="text/javascript">
$(document).ready(function () {
    $("#btnExport").click(function () {
        var htmltable= document.getElementById(''tblExport'');
        var html = htmltable.outerHTML;
        window.open(''data:application/msword,'' + ''/uFEFF'' + encodeURIComponent(html));
    });
});
  Response.AddHeader("Content-Disposition", "attachment;filename=myfilename.docx");

Answer 1

Exportar HTML a Microsoft Word

Puede establecer la orientación de la página, el tamaño del papel y muchas otras propiedades incluyendo el CSS en el HTML exportado. Para obtener una lista de estilos disponibles, consulte Propiedades de estilo con prefijo de MS Office. Algunos estilos tienen dependencias. Por ejemplo, para establecer la orientación de la página mso, también debe establecer el tamaño de la página como se muestra en el siguiente código.

Actualizado:
Probado con Word 2010-2013 en FireFox, Chrome, Opera, IE10-11. Cambios de código menores para hacer el trabajo con Chrome e IE10. No funcionará con los navegadores heredados (IE <10) que carecen del objeto window.Blob.

     @page WordSection1{
         mso-page-orientation: landscape;
         size: 841.95pt 595.35pt; /* EU A4 */
         /* size:11.0in 8.5in; */ /* US Letter */
     }
     div.WordSection1 {
         page: WordSection1;
     }

Para ver una demostración de trabajo completa, consulte: https://jsfiddle.net/78xa14vz/3/

El Javascript utilizado para exportar a Word:

 function export2Word( element ) {

   var html, link, blob, url, css;

   css = (
     ''<style>'' +
     ''@page WordSection1{size: 841.95pt 595.35pt;mso-page-orientation: landscape;}'' +
     ''div.WordSection1 {page: WordSection1;}'' +
     ''</style>''
   );

   html = element.innerHTML;
   blob = new Blob([''/ufeff'', css + html], {
     type: ''application/msword''
   });
   url = URL.createObjectURL(blob);
   link = document.createElement(''A'');
   link.href = url;
   link.download = ''Document'';  // default name without extension 
   document.body.appendChild(link);
   if (navigator.msSaveOrOpenBlob ) navigator.msSaveOrOpenBlob( blob, ''Document.doc''); // IE10-11
       else link.click();  // other browsers
   document.body.removeChild(link);
 };

Y el HTML:

<button onclick="export2Word(window.docx)">Export</button>
<div id="docx">
  <div class="WordSection1">

     <!-- The html you want to export goes here -->

  </div>
</div>