Export table data to Excel using jQuery

MIMEtype: Optional. The type of document you are writing to. Default value is "text/html". replace: Optional. If set, the history entry for the new document inherits the history entry from the document which opened this document.

HTML

<input type="button" id="btnExport" value=" Export Table data into Excel " />
<br/>
<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><a href="http://www.jquery2dotnet.com/">http://www.jquery2dotnet.com/</a>
      </td>
    </tr>
  </table>
</div>

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;
}

JavaScript

$("#btnExport").click(function(e) {
  let file = new Blob([$('#dvData').html()], {type:"application/vnd.ms-excel"});

let url = URL.createObjectURL(file);

let a = $("<a />", {
  href: url,
  download: "filename.xlsx"
})
.appendTo("body")
.get(0)
.click();
  e.preventDefault();
});