Discussion :

[Aquellito]

Bonjour à tous !

J'ai un tableau html créé dynamiquement qui se trouve sous cette forme :

HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
26
27
28
29
<table>
  <tbody class='mon_bloc_a_ne_pas_couper'>
    <tr>
        <td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td>
    </tr>
   </tbody>
  <tbody class='mon_bloc_a_ne_pas_couper'>
    <tr>
        <td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td>
    </tr>
   </tbody>
   <tbody class='mon_bloc_a_ne_pas_couper'>
    <tr>
        <td></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td></td>
    </tr>
   </tbody>
</table>

CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
tbody.mon_bloc_a_ne_pas_couper
{
	page-break-inside: avoid;
}

Rien ne se passe pour moi, les blocs TBODY restent coupés à l'impression. Pourtant l'attribut marche bien dans un div ou autre. Quelqu'un aurait-il une idée sur la question ?

Merci beaucoup !

[F0ul]

Tu travailles sur quel navigateur ? Opera ?

[Aquellito]

Mes tests sont :

Avec IE8 et Opera 11.5 : les TBODY sont coupés à l'impression mais pas les TR.
Avec GC : Même les TR sont coupés à l'impression.

[F0ul]

Je demandais car j'ai vu que la propriété n'est supportée que sur Opera :
http://reference.sitepoint.com/css/p...ibilitysection

Ca peut être remplacé apparemment par ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.mon_bloc_a_ne_pas_couper {
display: block;
page-break-after: always;
}

En espérant que cela fonctionnera...

[Aquellito]

Le site de microsoft dit le contraire

http://msdn.microsoft.com/en-us/libr...(v=vs.85).aspx

Mais j'ai hâte d'essayer ta technique demain (là pas d'imprimante sous la main). Ceci-dit, j'ai bien peur que cela me fasse un saut de page après chaque bloc. Alors que mon but était d'empêcher de couper un bloc en deux.
Je te tiens au courant.

Merci

[Aquellito]

C'est bien ce que je pensais. Un saut de page après chaque TBODY...