Hi. I have a page with complicated html using nested tables. the simple idea of the table is:
The result is 2 columns of data, one aligned perfectly with the other.
The problem is that I need to be able to print this with intelligent page breaks. There are multiple records on each side and I don't want it to break in the middle of the record. (In the attached image, i don't want it break within "benacare" for example' or within "radiology"). But i can't put a pagebreak within any level of the table.
I've inherited this page from a coworker, and don' t really have the liberty to change it much. So I would like to be able to keep the nested table design and still accomplish this. But if I absolutely can't, I can work with a more css angle - using divs instead of tables etc.
I have tried this approach using two divs
but either I'm not doing it right or it doesn't really work either because it seems to me i still have to completely close the div to insert the page break which kills the design...and i'm back to the beginning.
Any ideas? I'm at a loss. If there's an out of the box design, I would consider that too...please advise. thanks.