Log in / Register

Forum › Bugs

row and column spanning issue

ebaum
Hi.

I'm formatting a 6 row, 5 column table as follows. The style attributes are for prince; the border/colspan/rowspan attributes are for my browser.

<table class='table1' border='1'>
<tr>
<td style='column-span: 5;' colspan='5'><b>Interaction Between Species</b></td>
</tr>
<tr>
<td style='column-span: 2; row-span: 2;' colspan='2' rowspan='2'>&nbsp;</td>
<td style='column-span: 3;' colspan='3'>SPECIES A</td>
</tr>
<tr>
<td><b>Benefit (+)</b></td>
<td><b>Harm (-)</b></td>
<td><b>No Effect (0)</b></td>
</tr>
<tr>
<td style='row-span: 3;' rowspan='3'>SPECIES B</td>
<td><b>Benefit (+)</b></td>
<td>Mutualism / Protocooperation</td>
<td>Parasitism / Predation</td>
<td>Commensalism</td>
</tr>
<tr>
<td><b>Harm (-)</b></td>
<td>Parasitism / Predation</td>
<td>Competition</td>
<td>Amensalism</td>
</tr>
<tr>
<td><b>No effect (0)</b></td>
<td>Commensalism</td>
<td>Amensalism</td>
<td>Neutralism</td>
</tr>

</table>

Summarizing:

Row 1: one cell spanning 5 cols
Row 2: one cell spanning 2 cols AND 2 rows; one cell spanning 3 cols
Row 3: cell defined above spans 2 rows; one cell spanning 3 cols
Row 4: one cell spanning 3 rows; 4 cells
Row 5: cell defined above spans 1 col; 4 cells
Row 6: cell defined above spans 1 col, 4 cells

The result renders fine in Safari. Prince 5.1 has a goof: in Row 3, the first cell only spans 1 row, so the remaining cells are all shifting one column left of where they should be. Basically the southeast corner of that 2x2 cell gets munched.

Any ideas?

Thanks,

Eric Baumgartner
Inquirium

Eric Baumgartner
Inquirium

xuehong
Hi,
Thank you for reporting the bug! We will fix it for the next release.
It seems like the bug only affects table colspan/rowspan in the separated border model. For now, if you use the collapsing border model (set "table { border-collapse: collapse }" ), it should work fine.
Thanks again!

Xuehong
ebaum
Thanks for the workaround.

Eric Baumgartner
Inquirium

Eric Baumgartner
Inquirium

xuehong
This issue has been fixed in Prince 5.1 rev 4, so it should work fine now -- let us know how it goes! :)
kingradar
I think this bug still exists.... The goal is to get the image in image.svg included on the left hand side of the table, and centered. Ideally this would be done via the background property... but I couldn't figure out how to include svg files via the background property.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Test Document</title>
  </head>
  <body>
<table class="test">
<tr>
<th>Name:</th>
<td>Sample text.</td>
</tr>
<tr>
<th>Number:</th>
<td>-2</td>
</tr>
</table>
</body>
</html>




table.test { page-break-inside: avoid; margin-left: 124px; width: 600px; table-layout: fixed; font-size: 14px; padding: 10px 0px 10px 0px; }
table.test th { text-transform: lowercase; color: #142f64; text-align: right; padding-right: 10px; font-weight: bold; width: 30%; }
table.test td { color: #3d7e87; text-align: left; border-bottom: 1px solid #3d7e87; padding-left: 10px; }
table.test tr:first-child th { color: red; }
table.test tr:last-child td { border-bottom: none; line-height: 20px; }
table.test tr:first-child th::before { row-span: 2; display: table-cell; content: url(image.svg); border: 1px solid black; }
kingradar
I should mention I'm using Prince 6.0.
mikeday
I'm not sure what's the problem here, but we have now released Prince 6.0 rev 3, which includes support for SVG background images, will this help?