Après avoir terminé le projet, j'ai testé un forum récemment créé, doté d'une fonction d'exportation. J'ai constaté qu'après avoir cliqué sur le bouton d'exportation de la page Web et enregistré le contenu du tableau de la page sous forme de fichier Excel, j'ai constaté que le style du tableau était différent. n'a pas pu être enregistré. Après le problème Après analyse, j'ai trouvé la cause première. Je vais maintenant partager avec vous mes idées de mise en œuvre comme suit :
Description du problème :
Processus d'analyse des problèmes :
1. Le tableau utilise la classe au lieu du style. La définition de classe n'est pas exportée lors de l'exportation. Si vous passez au style et écrivez le style de couleur directement dans le style, le style sera exporté.
Le style est le style utilisé en HTML pour indiquer le style d'attribut, qui est le contenu en CSS, et la classe est la classe qui déclare et définit le contenu lors de l'exportation de la page, la définition, c'est-à-dire. le style défini par classe, ne sera pas exporté.
2. Vous pouvez également exporter des styles en plaçant la définition de classe dans le tableau
Il existe deux solutions pour résoudre ce problème.
Solution 1 :
Remplacez class="${getClass()}" par style="color:${getStyle()};"
Supplément :
$('#export').click(function () { saveAsExcel($('h3').text(), $('#table').html().replace(/( )+/gi,'')); });
Excel ne reconnaît que les tableaux. Lorsque vous utilisez la méthode saveAsExcel pour enregistrer automatiquement, la définition de classe ne peut pas être enregistrée ; si vous la copiez et collez manuellement dans Excel, la définition de classe peut être enregistrée.
Le principal problème est le copier-coller manuel et automatique
Solution 2 :
Déplacez simplement les classes définies dans
versCe qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.