ODK2 Tabular Customized Form with JS validation

What is the problem? Please be detailed.
How can I design a tabular ODK2 form that have two rows. First row will have a list of questions and second row will have the answers.
Also there should be an add button to add new row for answers dynamically.

ODK2%20Form

Also how to bind (blur/focusout) event to each element of row and call a js function for validation.

What ODK tool and version are you using? And on what device and operating system version?
ODK Survey 2.0.4, Android v8, Windows 10

Hi,

The way that this can be accomplished in ODK Survey is by using subforms. More information about subforms can be found at https://docs.opendatakit.org/odk2/survey-using/?highlight=subforms#opening-a-subform. The grid representation is not in the subform example. We do have an ODK Survey example of a grid in the app-designer repo at app-designer/app/config/tables/gridScreen/forms/gridScreen/gridScreen.xlsx.

However, if you are proficient with HTML and JavaScript, you could create an HTML page and use our injected JavaScript Interfaces in ODK Tables to add a row dynamically (https://docs.opendatakit.org/odk2/injected-interfaces/?highlight=javascript%20api#other-system-survey-js-files). More information about ODK Tables is at https://docs.opendatakit.org/odk2/tables-sample-app.

Clarice