Page Break for Multiple Tables in Adobe Forms

I am customizing standard adobe form PYXXFO_SAP_PAYSLIP_IN01. (payslip for india through hrforms)

The standard form is entirely positional. So, if the contents of the table overflow, they are overwritten on the contents below.

So, I have to make corrections to adjust the payslip for table overflows.

My changes:

1. There are total 8 tables in form. I created content areas for each of them and assigned the subforms/tables to those content areas.

2. I converted the body page from positional to flowed, and applied the related pagebreak settings.

The problem I am facing:

When the earnings table overflows, the rest of the content is displayed on second page, in a continuous manner.

eg.

The structure of the form is:

Header details

earnings table deductions table form16 table

Other tables

leave details

now, if the earnings table overflows -

page 1:

Header details

earnings table (page break)

Page2:

(continued)earnings table

page3:

(continued)earnings table deductions table form16 table

Other tables

leave details

In this, the deduction table and form16 table is shown on 3rd page. I wish to show them on the first page as they have not overflown.

I am sure, I am missing something very small, but I am unable to understand what.

I tried all the possible combinations.

Does the main subform needs to be "positional"?

They way I expect it is:

page 1:

Header details

earnings table (page break) deductions table form16 table

Other tables

leave details

Page2:

(continued)earnings table

page3:

(continued)earnings table

Also, If this is successful, I would like to apply the same feature to rest 6-7 tables.