Exporting data to excel file using jquery along with css?

Question

how to export data to excel with css themes using jquery? Is there any jquery plugin to export data to excel with css

Sayareddy G · Answer

Hi Abhishek, It is not working in IE. Please check it from your side in IE. But in Chrome it is working fine. Regards, Saya

Abhishek Jain · Answer

Check this out: http://jsfiddle.net/abhishekjain/cV69x/ Hope it helps. Regards AJ

Iftikar Hussain · Answer

sorry, I was checking chrome only. This will not work in IE, Please refer the below link http://growingtech.blogspot.in/2012/10/export-html-to-excel-using-jquery-and.html Regards, Iftikar

Sayareddy G · Answer

I have checked in IE 7, 8 ,9 also. There is no luck and Is working in Chrome and others.

Iftikar Hussain · Answer

can you check in lower version of IE as it is working for me.

Sayareddy G · Answer

Thanks for your reply. I am using IE 10.

Iftikar Hussain · Answer

What version of IE you are using?

Sayareddy G · Answer

Dear Iftikar, The solution which you have shared is not working in IE browser. Could you please provide me the resolution to work in IE? Regards, Saya

rajyalakshmi borra · Answer

Thanks to all for the giving the answer. But my question is if a grid contains the css classes such as jquery theme classes(eg:ui-state-default) how to export same classes and themes to excel

Sanjeeb Lenka · Answer

check this link http://growingtech.blogspot.in/2012/10/export-html-to-excel-using-jquery-and.html http://jsfiddle.net/jqwidgets/6HRU8/ for jquery plugin check following link http://www.jqwidgets.com/download/

Iftikar Hussain · Answer

Hi, Try like this Test Export table { border: 1px solid black; border-collapse: collapse; border-spacing: 0; font-family: Calibri; font-size: 14px; height: 120px; width: 400px; } th { border: 1px solid black; padding: 5px; background-color: grey; color: white; } td { text-align: center; border: 1px solid black; } Column One Column Two Column Three row1 Col1 row1 Col2 row1 Col3 row2 Col1 row2 Col2 row2 Col3 row3 Col1 row3 Col2 row3 Col3 $("#btnExport").click(function(e) { window.open('data:application/vnd.ms-excel,' + $('#dvData').html()); e.preventDefault(); });? Regards, Iftikar

Exporting data to excel file using jquery along with css?

Answers (11)