Home/ Questions/Q 9190415
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T20:27:21+00:00

This example works fine in jsFiddle but and exports the table into an Excel

  • 0

This example works fine in jsFiddle but and exports the table into an Excel sheet

I saved in the PC as in the below code

<html>
<head>
  <title>Table Export</title>
  <script src="jquery.js"></script>

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

<body>
  <br/>
<div id="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>
<br/>
<a href="" id="btnExport">edit</a>
</body>
</html>

But this doesn’t work and export the file but other jQuery examples works, what is the problem?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use document ready like this 

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