I have checked your form and I created one sample static form with a field and rendered it with data that span 2-3 pages. It's behaving like this only, Field is breaking into different pages but there is a scroll bar in the field and all data is available on each page. I can see the whole data on ev...

Share your form @ (vkatoch07@gmail.com) will have a look.

https://docs.mktossl.com/docs/experience-manager-cloud-service/content/forms/adaptive-forms-authoring/authoring-adaptive-forms-foundation-components/create-an-adaptive-form-on-forms-cs/adaptive-form-json-schema-form-model.html?lang=en  

I think the dropdown does not support scrolling with the mouse wheel.

To add more Adaptive Forms using the Adaptive Forms - Embed component, select Form covers entire width of the frame option   check if this option selected.   https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/forms/integrate/services/embed-adaptive-form-aem-sites.html?l...

form1.TextField2::exit - (JavaScript, client) floatingField.rawValue = this.rawValue.charAt(0).toUpperCase()+this.rawValue.slice(1);

@Jagpreet_Singh_  @kautuk_sahni  Thank you for the recognition.

try to map your main row with $.PaymentAdvice.PaymentExplanation.Item[*] and then individual fields with their corresponding node.

$.PaymentAdvice.PaymentExplanation.Item[*].WithholdingTaxAmount   Isn't all your node inside the "PaymentAdvice.PaymentExplanation",  what is Item[*]? I think the issue is in the schema structuring.

There is no sorting script in the form. I tested with some test data and the issue is not replicated. Can you please check your data if it is coming correctly? There is simple mapping in the form.