I have a report which displays a two-column table of data. For each row, the content of the left column makes use of a background image which is positioned at the top and is set to not repeat. The content of the right is of variable length. I'm using Prince 9 and I notice that if the entire content of a <tr> fits on a page, everything looks fine. The background image appears where it should. However, if the content breaks across a page, I see the background image repeated on the next page. I could understand that there might be situations where you would want this to happen, but in my case it's not what I want. I really just want the background image to appear at the top of the <td> wherever it first appears. Is there a way to prevent the repeating of the background image if the <tr> flows on to a second page? Essentially I have a snippet of HTML which looks like this:
My class style looks something like this:
Thanks.
Jim
<table>
<tbody>
<tr>
<td class="cellclass">...content...</td>
<td>... more content, potentially long and flowing on to another page</td>
</tr>
<tr>
... more of the same ...
</tr>
</tbody>
</table>
My class style looks something like this:
.cellclass {
background-position: top;
background-repeat: no-repeat;
background-image: url(...);
background-size: 95%;
}
Thanks.
Jim