DEV Community

Cover image for Exportar tabla con JQuery
Alonzo Vera
Alonzo Vera

Posted on

Exportar tabla con JQuery

¿Quién nunca ha tenido la necesidad de exportar un reporte tabulado a MS Excel?

En la red podemos encontrar muchas alternativas para lograr éste objetivo: librerías para PHP, módulos para .Net , etc.

Sin embargo, una solución para cualquier plataforma de desarrollo Web viene de la mano de jQuery. Gracias a un plugin que permite copiar el contenido de una tabla a partir de su ID.

Para acceder a éste plugin, podemos descargar los archivos necesarios desde aqui.

Si bien en ése sitio hay opciones para poder exportar una tabla a varios formatos (PDF, CSV, PNG, etc.), lo que se va a explicar aquí es la forma de exportar una Tabla a Excel:

Una vez tengamos los archivos y se hayan subido a nuestro respectivo servidor web, debemos referenciarlos en el header de la página donde se tiene la tabla para exportar:

<script type="text/javascript" src="tableExport.js">
<script type="text/javascript" src="jquery.base64.js">

Luego, en alguna parte de nuestra página, creamos un Boton para exportar nuestra tabla:

<button class="btn btn-mini download-image" title="Descargar Excel"
onClick="$('#id_tabla').tableExport({type:'excel',escape:'false'});">

<img src="'.base_url().'img/excel.png" />
</button>

Recordar que nuestra tabla de tener el id “id_tabla”:

<table id="id_tabla" class="table table-striped">
...
</table>

Con éso ya tenemos nuestro exportador de Tablas a Excel

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs