將頁面table內(nèi)容與樣式另存成excel文件的方法
在項目做完之余,測試最近做的一個論壇,其中有個導出功能,發(fā)現(xiàn)點擊網(wǎng)頁導出按鈕之后,將頁面的table內(nèi)容另存為excel文件后,卻發(fā)現(xiàn)無法保存表格樣式,經(jīng)過問題分析之后找到根本原因,下面小編就把我的實現(xiàn)思路給大家分享如下:
問題描述:
問題分析過程:
1.table表格用class,而不是style。導出時并沒有導出class定義,若換成style,將顏色樣式直接寫在style中,就會導出樣式。
style是樣式,在HTML中用這個來標明屬性樣式,是css中的內(nèi)容,而class是類,申明和定義里面的內(nèi)容,導出頁面時并不會導出定義即class所定義的樣式。
2.將類定義放到table中也可以導出樣式
下面通過兩種方案解決此問題。
處理方案一:
將class="${getClass()}"換成style="color:${getStyle()};"
補充:
$('#export').click(function () { saveAsExcel($('h3').text(), $('#table').html().replace(/( )+/gi,'')); });
其中excel只識別table,使用saveAsExcel方法自動另存時,class定義保存不了;如果手工拷貝粘貼到excel時,class定義就能保存了。
主要還是手工與自動拷貝粘貼問題
處理方案二:
將在<head><style></style></head>中定義的類移動到<table></table>之間即可。類定義樣式的位置問題
以上內(nèi)容就是本文的全部內(nèi)容,希望大家喜歡。
- JavaScript將Table導出到Excel實現(xiàn)思路及代碼
- C#操作EXCEL DataTable轉(zhuǎn)換的實例代碼
- C#將html table 導出成excel實例
- DataTable數(shù)據(jù)導出成Excel文件的小例子
- Asp.net中DataTable導出到Excel的方法介紹
- 通過table標簽,PHP輸出EXCEL的實現(xiàn)方法
- js導出table到excel同時兼容FF和IE示例
- js導出table數(shù)據(jù)到excel即導出為EXCEL文檔的方法
- datatable生成excel和excel插入圖片示例詳解
- .Net讀取Excel 返回DataTable實例代碼
- npoi2.0將datatable對象轉(zhuǎn)換為excel2007示例
- asp.net中Table生成Excel表格的方法
- C#使用oledb讀取excel表格內(nèi)容到datatable的方法
相關(guān)文章
js cookies實現(xiàn)簡單統(tǒng)計訪問次數(shù)
js cookies實現(xiàn)簡單統(tǒng)計訪問次數(shù)的實現(xiàn)代碼。主要是掌握js對cookies的操作。2009-11-11javaScript函數(shù)中執(zhí)行C#代碼中的函數(shù)方法總結(jié)
這篇文章介紹了javaScript函數(shù)中執(zhí)行C#代碼中的函數(shù)方法總結(jié),有需要的朋友可以參考一下2013-08-08