Maison >interface Web >js tutoriel >Comment enregistrer le contenu et le style du tableau de pages dans les compétences Excel file_javascript
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 93f0f5c25f18dab9d176bd4f6de5d30ec9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1 vers f5d188ed2c074f8b944552db028f98a1f16b1740fad44fb09bfe928bcc527e08. Problème de position du style de définition de classe
Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.