Exporting html table data to excel file using jquery with css

Export to Excel using jQuery

Export HTML table to excel.

Export a table to Excel with style

To export the table, use window.open() method to open Excel application and pass the table's content.

window.open(MIMEtype,replace);

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.

Below jQuery code will export the table data to Excel.

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

DEMO
Demo With CSS
Demo Without CSS
JQuery Export Table Data Into MS Excel With Image