OL Learn

Breaking a static table across pages

Hi,

I am trying to break a static table in the designer. I have added the data-breakable attribute to the row elements of the table. When I do that, the table doesn’t break. In addition, when I add a positioned div box after the table, the box is not selectable\dragable with the mouse and its content doesn’t show on the preview.

What is the correct way of breaking a static table? I am using pplanetpress connect v2020.1

<thead>
    <tr>
        <th class="u-text-bold u-text-left" colspan="4">
            List of labels: 
        </th>
    </tr>
</thead>
<tbody class="u-text-left">
    <tr data-breakable="1">
        <td style="width: 4cm; height: 5mm;">
            @label_01@<br>
        </td>
        <td style="width: 4cm; height: 5mm;">
            @label_02@<br>
        </td>
        <td "="" style="width: 4cm; height: 5mm;">
            @label_03@<br>
        </td>
        <td "="" style="width: 4cm; height: 5mm;">
            @label_04@<br>
        </td>
    </tr>
    <tr data-breakable="2">
        <td style="height: 5mm;">
            @label_05@<br>
        </td>
        <td style="height: 5mm;">
            @label_06@<br>
        </td>
        <td style="height: 5mm;">
            @label_07@<br>
        </td>
        <td style="height: 5mm;">
            @label_08@<br>
        </td>
    </tr>
    <tr data-breakable="3">
        <td style="height: 5mm;">
            @label_09@<br>
        </td>
        <td style="height: 5mm;">
            @label_10@<br>
        </td>
        <td style="height: 5mm;">
            @label_11@<br>
        </td>
        <td style="height: 5mm;">
            @label_12@<br>
        </td>
    </tr>
</tbody>

Hi Robyger,

Your code looks fine. I think you are hitting the default widows and orphans settings of the table hence the limited numbers of rows. Add the following to the styles of your table: widows:1;orphans:1;

<table style="widows:1;orphans:1;">
...
</table>

Erik

Hi Erik,

This was already set in the table, this website just didn’t show it when I pasted the code. The table doesn’t break when it reaches the bottom margin. The whole table is simply moved to the next page.

Could you check if my template works for you?

static-table.OL-template (6.9 KB)

Erik

It doesn’t really work… I will explain…

If you look at the screenshot below, I have added a DIV box after the table, notice that on the far uper right window the Designer does not show the default ID, Class and Geometry attributes for the DIV box.

So there is a side effect in that when you add the data-breakable attribute to the row elements of a static table, and then add a DIV box on the page, the attributes of the div box are not shown in Design View.
In my actual production template that has 3 dynamic tables before this static table and another standard static table, the div box is not even selectable or dragable with the mouse, a behavior I haven’t been able to reproduce with this simple template, so there is a second side effect that needs investigating.

If you switch to the Preview, then the attributes show up!

If I remove the data-breakable attributes from the static table’s row elements, then the attributes of the DIV box show in Design view.

How can I correct this behavior?

It seems that the Attributes of the <div> are only available in Preview mode. I cannot explain why this happens and don’t know how to resolve it. It seems that the Outline view is confused. I have created a bug report for it [internal ref SHARED-82981].

Erik

Thank you Erik. We have proceeded differently.

On another note, I arrived back in France this morning. Tomorrow is actually my last day working with Connect, at least for the foreseable future. I got to be closer to family now:-).

It was a pleasure working with Connect. I was really beginning to love it :slight_smile: but one has to move on… I want to send you and @Phil special thanks for all the assistance you have given me on this forum over the past 2/3 years.

Keep up the good work!

Robyr

Family always comes first! We’re sad to see the community lose one of its member but in this case, we can only be happy for you. If you ever cross paths with Connect again, you know you’ll find us right here!

Good luck!

Thanks for your kind words, much appreciated and hope to see you come back to this forum some day. A+