1

インターネットで見つけたこの簡単な関数を使用して、HTMLテーブルをExcelにエクスポートしようとしています。

$("#btnExport").click(function(e) {
    window.open('data:application/vnd.ms-excel,' + $('#tabla_datos').html());
    e.preventDefault();
});​

これはかなりうまく機能しますが、rowspanやcolspanなど、テーブル内の要素に属性を追加すると、Excelが正しくエクスポートされません。

HTMLは次のとおりです。

<div id="tabla_datos">
<table>
    <tr>
        <th>Columna 1</th>
        <th>Columna 2</th>
        <th>Columna 3</th>
    </tr>
    <tr>
        <td colspan='2'>Dato 1</td>
        <td>Dato2</td>
   </tr>
   <tr>
        <td>Dato 3</td>
        <td>dato 4</td>
        <td>Dato5</td>
   </tr>
</table>
</div>

<input type="button" id="btnExport" value=" Export Table data into Excel " />​

そして、これがjsfiddleです：http：//jsfiddle.net/WAR2v/

4

1 に答える 1

1

少し遅れましたが、URI をエンコードしようとしましたか?

このコードは私のために働きます：

$("#btnExport").click(function(e) {
    window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#tabla_datos').html()));
    e.preventDefault();
});
于 2013-03-26T19:21:48.680 に答える