0
298
ViewsGuarde el contenido de la tabla creado dinámicamente en un archivo de Excel usando SheetJS
Agrego filas en la tabla html dinámicamente y quiero guardar el contenido de la tabla en un archivo xlsx usando SheetJs. El archivo generado está vacío. ¿Es de alguna manera posible hacer esto en este caso cuando el contenido de la tabla se agregó de esta manera? También traté de agregar las filas justo antes de crear el archivo xlsx.
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-2.1.4.js" integrity="sha256-siFczlgw4jULnUICcdm9gjQPZkw/YPDqhQ9+nAOScE4=" crossorigin="anonymous"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/amcharts/3.21.15/plugins/export/libs/FileSaver.js/FileSaver.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.15.6/xlsx.full.min.js"></script> <style> table, td { border: 1px solid black; } </style> </head> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.10.3/xlsx.full.min.js"> </script> <p>Click the button to add a new row at the first position of the table and then add cells and content</p> <table id="myTable"> <TR> </TR> </table> <button type="button" id="first" onclick="First('myTable')">Principal</button> <button id="button-a">Create Excel</button> <script> function First(tableID) { let table = document.getElementById(tableID) table.innerHTML = "<tr>first</tr>"; } </script> <script> var wb = XLSX.utils.table_to_book(document.getElementById('myTable'), { sheet: "Sheet JS" }); var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'binary' }); function s2ab(s) { var buf = new ArrayBuffer(s.length); var view = new Uint8Array(buf); for (var i = 0; i < s.length; i++) view[i] = s.charCodeAt(i) & 0xFF; return buf; } $("#button-a").click(function () { saveAs(new Blob([s2ab(wbout)], { type: "application/octet-stream" }), 'test.xlsx'); }); </script> </body> </html>
·
Santiago Trujillo
1 answers
Answer question0
Cuestiones
- texto dentro de
tren lugar detden contenido dinámico. Esto da como resultado la estructura de la tabla como se muestra a continuación.
- Se llamó
XLSX.utils.table_to_bookantes de que se creara el contenido de la tabla.
Demostración de trabajo
·
Santiago Trujillo
Report
Answer question