v3.19 tableau dans tableau et styles - Page 1

Les styles suivants :

.allBordered,
tr.allBordered td,
tr.allBordered th,
table.allBordered tr td,
table.allBordered tr th
{
border: solid 1px #000000;
border-collapse: collapse;
}

.noBorder,
tr.noBorder td,
tr.noBorder th,
table.noBorder tr td,
table.noBorder tr th
{
border: none;
}

Avec le code :

<table class="noBorder">

<tr>

<td>
cellule 1 pas de contour
</td>
<td>

<table class="allBordered">

<tr>

<td>

cellule 2 dans un tableau avec contours

</td>

</tr>

</table>

</td>

</tr>

</table>

Le sous tableau n'a pas de contour.

Pourquoi ?

merci

en fait, je ne sais plus si j'ai géré la syntaxe allBordered, tr.allBordered td, tr.allBordered th, table.allBordered tr td, table.allBordered tr th , je vais vérifier

ah si tiens, je l'avais géré, donc le pb doit venir d'ailleurs, je vais jeter un oeil

trouvé.

en fait, pour chaque balise, html2pdf essaye de voir tous les styles qui sont à appliquer, sauf qu'une fois identifiées, il les utilise dans l'ordre où il les a récupéré dans le fichier et les feuilles de style.

dans ton cas, étant donné ton style noBorder est décrit après allBordered, c'est donc noBorder qui est le plus fort, et ca annule donc tous les borders.

regarde bien, firefox agit pareil

il te suffit juste d'inverser les 2 définitions et ca marchera :

.noBorder, tr.noBorder td, tr.noBorder th, table.noBorder tr td, table.noBorder tr th
{
	border: none;
}

allBordered, tr.allBordered td, tr.allBordered th, table.allBordered tr td, table.allBordered tr th
{
	border: solid 1px #000000;
	border-collapse: collapse;
}