Feuilles de style d'impression pour les pages avec de longs tableaux horizontaux
J'ai une page qui crache db données à long tableaux horizontaux.
J'ai besoin d'imprimer joliment afin de ne pas couper. Des conseils à donner ?
vérifiez la réponse à cette question. La solution a fonctionné pour moi. C'est la rupture de la table à la taille de la page et l'ajouter à la fin. de sorte que vous pouvez imprimer la totalité du contenu.
OriginalL'auteur Boris Smirnov | 2008-11-15
Vous devez vous connecter pour publier un commentaire.
Si elle ne rentre pas sur le papier dans une police lisible, il n'a tout simplement pas.. À mon avis, d'immenses tableaux horizontaux (que ce soit un tableau HTML ou une feuille Excel avec plusieurs colonnes) ne prêtent pas bien à l'impression. D'ailleurs, ils ne prêtent pas bien à l'affichage sur un écran. Rappelez-vous le défilement vertical est beaucoup plus facile pour vos utilisateurs que le défilement horizontal - grâce à cette petite molette de votre souris.
Pire des cas, vous pourriez avoir besoin d'écrire une autre version d'impression qui utilise une mise en page verticale.
OriginalL'auteur Alexander Malfait
Changement de tableau à l'horizontale avec le nombre de lignes (swap de lignes/colonnes)
Suggèrent aux utilisateurs de basculer en mode Paysage. Autant que je sache, il n'y a pas moyen de le faire par programmation dans les navigateurs actuels (CSS3 définit
@page {size:landscape}
)Split table tous les quelques colonnes (c'est à dire au lieu d'une seule avec 100 colonnes, de générer des 10 tables avec 10 colonnes). Utiliser les CSS
table {display: inline-table}
pour leur montrer tous les côte-à-côte sur l'écran. Cette astuce fonctionne seulement si vous n'avez pas de cellules avec différentes hauteurs.OriginalL'auteur Kornel
Pour assurer votre table ne disparaissent dans l'Imprimante Abîme, à ce que son conteneur a une largeur à 100%.
Je suppose que vous savez comment utiliser imprimer une feuille de style spécifique (
<style type="text/css" media="print">
).Depuis les imprimantes et les écrans d'ordinateur peuvent être très différentes résolutions,
la majorité de votre taille d'établissement en
em
's dans l'impression CSS, et cacher non essentielséléments lors de l'impression (
display:none
).Aussi, pour augmenter la lisibilité sur le papier, utiliser un fond blanc, texte noir,
et les polices à empattement (Times New Roman, etc.), qui ont la réputation d'être plus lisible sur le papier.
Différents navigateurs impression de leur propre façon (même plus que sur l'écran),
donc, jouer un peu et voir si vous pouvez obtenir de meilleurs résultats à partir d'un autre navigateur.
C'est, bien sûr, si l'impression n'est pas nécessaire de travailler parfaitement à travers
le navigateur entier du spectre.
OriginalL'auteur Morten Bergfall