Maison > interface Web > js tutoriel > Comment enregistrer le contenu et le style du tableau de pages dans les compétences Excel file_javascript

Comment enregistrer le contenu et le style du tableau de pages dans les compétences Excel file_javascript

WBOY
Libérer: 2016-05-16 15:46:57
original
1575 Les gens l'ont consulté

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,''));
 });
Copier après la connexion

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

vers
. 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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal