Solución:
A estupendo herramienta del lado del cliente para exportar html
mesas para xlsx
, xls
, csv
, o txt
es TableExport de clarketm (me). Es una biblioteca simple, fácil de implementar y con todas las funciones con un montón de propiedades y métodos configurables.
Instalar en pc
$ npm install tableexport
Uso
TableExport(document.getElementsByTagName("table"));
// OR using jQuery
$("table").tableExport();
Documentación
Aplicaciones de muestra para comenzar
- TableExport + RequireJS
- TableExport + Matraz
- TableExport + Webpack 1
- TableExport + Angular 4 + Webpack 2
Consulte la documentación completa o simplemente diríjase a
TableExport
en Github para obtener una lista completa de características.
Puede utilizar este complemento para exportar tablas a .xlsx
http://sheetjs.com/demos/table.html
Eche un vistazo a tableExport.jquery.plugin o tableexport.jquery.plugin
Ejemplo de código
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML table Export</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="../lib/js-xlsx/xlsx.core.min.js"></script>
<script type="text/javascript" src="../lib/FileSaver/FileSaver.min.js"></script>
<script type="text/javascript" src="../lib/html2canvas/html2canvas.min.js"></script>
<script type="text/javascript" src="../tableExport.js"></script>
<script type="text/javaScript">
var sFileName="ngophi";
function ExportXLSX(){
$('#Event').tableExport({fileName: sFileName,
type: 'xlsx'
});
}
</script>
<style type="text/css">
body {
font-size: 12pt;
font-family: Calibri;
padding : 10px;
}
table {
border: 1px solid black;
}
th {
border: 1px solid black;
padding: 5px;
background-color:grey;
color: white;
}
td {
border: 1px solid black;
padding: 5px;
}
input {
font-size: 12pt;
font-family: Calibri;
}
</style>
</head>
<body>
<a href="#" onClick="ExportXLSX();">DownloadXLSX</a>
<br/>
<br/>
<div>
<table>
<tr>
<th>Column One</th>
<th>Column Two</th>
<th>Column Three</th>
</tr>
<tr>
<td>row1 Col1</td>
<td>row1 Col2</td>
<td>row1 Col3</td>
</tr>
<tr>
<td>row2 Col1</td>
<td>row2 Col2</td>
<td>row2 Col3</td>
</tr>
<tr>
<td>row3 Col1</td>
<td>row3 Col2</td>
<td><a href="http://www.jquery2dotnet.com/">http://www.jquery2dotnet.com/</a>
</td>
</tr>
</table>
</div>
</body>
</html>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)