Imprimer le contenu d'un tableau
Bonjour à tous,
voilà mon problème:
j'ai dans ma page html un tableau, contenu dans un div. Et ce que je veux faire c'est en cliquant sur un bouton pouvoir imprimer le contenu du tableau et seulement ca.
Voilà ma démarche jusqu'à maintenant:
J'ai tout d'abord créé un fichier css déstiné à donner le style de la feuille à imprilmer:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
/* zones à ne pas imprimer */
#tete_de_page
{display:none;}
#pied_de_page
{display:none;}
/* fin de la zone à ne pas imprimer */
body
{background: white;}
/* début du tableau à imprimer */
#tableau
{
display:block;
clip:auto;
overflow:visible;
margin: 0 5%;
padding: 0;
border: 0;
float: none !important;
background: transparent;
}
/* fin du tableau à imprimer */ |
J'ai ensuite dans ma page html créé un lien vers la feuille css:
Code:
<link rel="stylesheet" type="text/css" media="print" href="../css/print.css"></link>
Et enfin j'ai créé le bouton d'appel à impression:
Code:
<input type='button' value='Imprimer le tableau' id='print' onclick='javascript:window.print()' style='position:absolute; top: 585px; left: 400px;'/>
Le problème c'est que dès que je clic sur le lien, il imprime toute la page et pas seulement le tableau.
L'autre problème c'est qu'il n'imprime que la partie visible du tableau (il y a une barre de défilement).
J'aimerais trouver un moyen en javascript pour qu'il n'imprime que le tableau et toutes les pages (pas seulement ce qu'il es visible).
Avez vous des pistes pour ca?
Merci :)
