web-dev-qa-db-fra.com

Imprimer un tableau à partir d'une page HTML

J'ai une page HTML, à partir de laquelle une table doit être envoyée à une imprimante. J'utilise window.print pour le moment ... mais cela imprime toute la page ... alors que je n'ai besoin que d'imprimer le tableau. Des idées?

javascripthtmlprinting
17
user1263746

  1. Vous pouvez utiliser les types de média print ( voici des astuces , comment imprimer une page HTML à l'aide de feuilles de style).

  2. Vous pouvez vous rendre compte que par la fenêtre contextuelle - dans cette fenêtre n’affiche que le tableau et l’envoie à l’imprimante.

Exemple simple

<script>
    function printDiv() {
        var divToPrint = document.getElementById('areaToPrint');
        newWin = window.open("");
        newWin.document.write(divToPrint.outerHTML);
        newWin.print();
        newWin.close();
   }
</script>
34
yAnTar

Vous pouvez donner le style display:none à toutes les parties non désirées de la page. De cette façon, vous ne pouvez imprimer qu'un tableau.

pour ex:

<style> @media only print
{
    footer, header, .sidebar{ display:none; }
}  </style>
5
Sree

Pour que cela fonctionne, je dois également mettre cette ligne entre la section principale de mon document.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
0
aceror