I finally got my vertical table data working. It works in the latest Chrome, Edge and Explorer but Prince seems to struggle with the transformation to PDF.
What part of this does Prince exactly have a problem? It seems to me that Prince forces the "white-space: nowrap;" effect on the transformation.
I've attached an image of the situation and .html file with the problematic vertical table data.
<td rowspan="3" valign="top" align="center" style="transform: rotate(-90deg); vertical-align: middle;" colspan="1">
<div class="table-rotated-container">
Sections to be examined
<div class="sts-p">and/or extent of coverage</div>
</div>
</td>
div.table-rotated-container {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
display: table;
border-spacing: 0;
writing-mode: vertical-rl;
transform: rotate(-90deg);
padding-bottom: 3pt;
}
What part of this does Prince exactly have a problem? It seems to me that Prince forces the "white-space: nowrap;" effect on the transformation.
I've attached an image of the situation and .html file with the problematic vertical table data.
Edited by rainhallikas