本文分析一下將頁(yè)面table內(nèi)容與樣式另存成excel文件的方法，主要介紹style與class之間的區(qū)別問(wèn)題。

在項(xiàng)目做完之余，測(cè)試最近做的一個(gè)論壇，其中有個(gè)導(dǎo)出功能，發(fā)現(xiàn)點(diǎn)擊網(wǎng)頁(yè)導(dǎo)出按鈕之后，將頁(yè)面的table內(nèi)容另存為excel文件后，卻發(fā)現(xiàn)無(wú)法保存表格樣式，經(jīng)過(guò)問(wèn)題分析之后找到根本原因，下面小編就把我的實(shí)現(xiàn)思路給大家分享如下：

問(wèn)題描述：

問(wèn)題分析過(guò)程：

1.table表格用class，而不是style。導(dǎo)出時(shí)并沒(méi)有導(dǎo)出class定義，若換成style，將顏色樣式直接寫(xiě)在style中，就會(huì)導(dǎo)出樣式。

style是樣式，在HTML中用這個(gè)來(lái)標(biāo)明屬性樣式，是css中的內(nèi)容，而class是類，申明和定義里面的內(nèi)容，導(dǎo)出頁(yè)面時(shí)并不會(huì)導(dǎo)出定義即class所定義的樣式。

2.將類定義放到table中也可以導(dǎo)出樣式

下面通過(guò)兩種方案解決此問(wèn)題。

處理方案一：

將class="${getClass()}"換成style="color:${getStyle()};"

補(bǔ)充：

1. $('#export').click(function () { 
2. saveAsExcel($('h3').text(), $('#table').html().replace(/()+/gi,'')); 
3. }); 

其中excel只識(shí)別table,使用saveAsExcel方法自動(dòng)另存時(shí)，class定義保存不了;如果手工拷貝粘貼到excel時(shí)，class定義就能保存了。

主要還是手工與自動(dòng)拷貝粘貼問(wèn)題

處理方案二：

將在

以上內(nèi)容就是本文的全部?jī)?nèi)容，希望大家喜歡。