將頁面table內(nèi)容與樣式另存成excel文件的方法
更新時間：2015年08月05日 15:19:57 投稿：mrr
本文分析一下將頁面table內(nèi)容與樣式另存成excel文件的方法，主要介紹style與class之間的區(qū)別問題。
在項目做完之余，測試最近做的一個論壇，其中有個導出功能，發(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)文章
這篇文章主要給大家介紹了關(guān)于如何使用JavaScript解析URL的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-03-03
css實現(xiàn)窗戶上水珠效果，效果特別逼真，窗外的雨淅淅瀝瀝飄打在玻璃上，看起來很像模糊的窗外，斜滴的雨露，接下來給大家一起來用CSS技術(shù)實現(xiàn)這樣一幅畫面，下面給大家分享使用純css實現(xiàn)窗戶玻璃雨滴逼真效果，感興趣的朋友快樂圍觀吧2015-08-08
這篇文章主要介紹了JavaScript刪除指定子元素代碼實例,本文給出了代碼實例和實現(xiàn)代碼解釋,需要的朋友可以參考下2015-01-01
菜單左右滾動顯示的實現(xiàn)方法有很多，在本文將為大家介紹下如何使用js實現(xiàn)，需要的朋友可以參考下，希望對大家有所幫助2013-11-11
如果你不能向一個六歲的孩子解釋清楚，那么其實你自己根本就沒弄懂。好吧，我試著向一個27歲的朋友就是JS閉包(JavaScript closure)卻徹底失敗了2011-10-10
下面小編就為大家推薦一篇基于JSONP原理解析，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
詳解XMLHttpRequest（二）響應屬性、二進制數(shù)據(jù)、監(jiān)測上傳下載進度
這篇文章主要為大家詳細介紹了XMLHttpRequest響應屬性、二進制數(shù)據(jù)、監(jiān)測上傳下載進度,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
本文主要介紹了JavaScript改變函數(shù)作用域的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-03-03
面向切面編程給我們提供了一個方法，讓我們可以在不修改目標邏輯的情況下，將代碼注入到現(xiàn)有的函數(shù)或?qū)ο笾?。今天通過本文給大家分享JavaScript中的AOP編程的基本實現(xiàn)方法，需要的朋友參考下吧2021-07-07
DIV任意拖動的問題...2006-07-07