I have a two-column table, with an arbitrary number of rows.

Sometimes, the content in the right column can be much longer than the content in the left column, to the point where the content in the right column can span multiple pages.

I would like to write my HTML and CSS in such a way that when a table cell in the left column is fragmented over more than one page, a "continued" element is shown in every fragment except the first one.

The intended effect is visualized in the attached picture, where the "Foo (continued)" markers, shown in red, are what I'm struggling to achieve.

What's a good way to do this?

1. Screen Shot 2016-07-27 at 12.28.22 PM.png‎ 156.2 kB ‎
   illustration of desired effect

Unfortunately this is very difficult to do right now, as there is no CSS mechanism for conditional display on following pages. We hope to add one in the future.

See here for a recent discussion of this issue in the CSS Working Group.

I'll see if I can talk to Florian and Lea about this, and see if we have any ideas.