Log in / Register

Forum › Bugs

extra row border line after column break

pestafo
The following code shows an extra border line after the column break. I could not find a reason for this behavior, is this perhaps a bug? I use Prince 7.0 beta 1.

<html>
  <head>
    <title>extra line after col break</title>
    <style type="text/css">
.ifp-table {
  border-collapse: collapse;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.ifp-table tr {
  border-bottom: 1pt solid black;
}

.tableGrouping { 
	font-weight: bold;
	padding-top: 2mm;
}

table.ifp-table tr+tr {
	page-break-before: avoid;
}

table.ifp-table tr[g] {
	page-break-before: auto;
}

</style>
  </head>
  <body>
      <div style="column-count:2;column-gap:5mm;">
        <table class="ifp-table">
          <thead />
          <tbody>
            <tr g="y" style="page-break-after: avoid;">
              <td class="tableGrouping">Group 1</td>
            </tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr g="y" style="page-break-after: avoid;">
              <td class="tableGrouping">Group 2</td>
            </tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr g="y" style="page-break-after: avoid;">
              <td class="tableGrouping">Group 3</td>
            </tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr g="y" style="page-break-after: avoid;">
              <td class="tableGrouping">Group 4</td>
            </tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
            <tr><td>Text ...</td></tr>
          </tbody>
        </table>
    </div>
  </body>
</html>
mikeday
Interesting, we'll take a look at this.
mikeday
This is a consequence of collapsing borders, where the bottom border of one row collapses with the top border of the next row.

You should be able to get the effect that you are looking for by disabling collapsing borders and applying the border to the bottom of every table cell instead, eg.
.ifp-table td {
  border-bottom: 1pt solid black;
}
pestafo
Makes sense and your solution works perfect.
Thanks