JSFiddle - React, Tailwind, and code Playground

Export to Excel

by Dumine Stefan Daniel

HTML

<button type="button" onclick='javascript:export_excel()'class="btn btn-default">Export</button>

<br/>
<br/>
<div id="dvData">
    <table>
        <tr>
            <th>Module</th>
            <th>Scenario</th>
            <th>Status</th>
        </tr>
        <tr>
            <td>row1 Col1</td>
            <td>row1 Col2</td>
            <td>row1 Col3</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

function export_excel(e) {
 window.open('data:application/vnd.ms-excel,' + $('#dvData').html());
    e.preventDefault();
 
 }