Como exportar dos o mas tablas html a excel

Montes28 · #1 (**permalink**) 10/09/2013, 20:03

hola amigos espero me puedan ayudar , me encuentro exportando a excel mediante javascript (con la libreria jquery), exportar una tabla funciona sin problemas el inconveniente es cuando tengo 2 tablas en la misma pagina web no me funciona solo exporta una

este es mi codigo

Código Javascript:

Ver original<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script language="javascript">
<script language="javascript">
$(document).ready(function() {
    $("#btnExport").click(function(e) {
    window.open('data:application/vnd.ms-excel,' + $('#div-1a').html() + $('#div-1b').html());
    e.preventDefault();
});
});
</script>
</script>

Código CSS:

Ver original<style type="text/css">
.botonExcel{cursor:pointer;}
    #contenedor{
    width:800px;
    margin-right: auto;
    margin-left: 50px;
   *zoom: 1;
     display: table;
  line-height: 0;
  content: "";
  clear: both;
    }  
    #div-1a {
    float:left;
    width:auto;
    }
    #div-1b {
    float:left;
    width:auto;
    }
</style>

Código HTML:

Ver original<body>
<br/>
<div id="contenedor">
<div id="div-1a">
<div id="dvData" class="dvData">
<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>row3 Col3</td>  
   </tr>
</table>
</div>
</div>
<div id="div-1b">
<div id="dvData" class="dvData">
<table>
    <tr>
        <th>Column One </th>
        <th>Column Two</th>
      </tr>
    <tr>
        <td>row1 Col1</td>
        <td>row1 Col2</td>
      </tr>
   <tr>
        <td>row2 Col1</td>
        <td>row2 Col2</td>
      </tr>
      <tr>
        <td>row3 Col1</td>
        <td>row3 Col2</td>
      </tr>
</table>
</div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br/>
  <input type="button" id="btnExport" value=" Export Table data into Excel " />
</p>
</body>

maycolalvarez · #2 (**permalink**) 11/09/2013, 07:51

eso depende del parser HTML de excel, dudo mucho que puedas lograrlo a no ser que fusiones ambas tablas en una, otra opción es generar un auténtico XLS desde el servidor

Montes28 · #3 (**permalink**) 11/09/2013, 08:35

maycolalvarez gracias por responder, si es al lado del servidor me tocaria utilizar por ejemplo PHPExcel?

maycolalvarez · #4 (**permalink**) 11/09/2013, 13:51

Cita:

Iniciado por Montes28

maycolalvarez gracias por responder, si es al lado del servidor me tocaria utilizar por ejemplo PHPExcel?

con PHP sí.

powerdoc · #5 (**permalink**) 05/11/2014, 16:41

Hola, lo unico que tienes que hacer es enviar al div contenedor en lugar de enviar las tablas individuales:

<script type="text/javascript">
$(document).ready(function(){
$("#btnExport").click(function(e) {
window.open('data:application/vnd.ms-excel,' + $('#contenedor').html());
e.preventDefault();
});
});
</script>