Loop data from a json array into html

General Informationen: Please read everything carefully before you submit an offer. Thank you I have created an array that contains different data. These data should be presented on an HTML website. I have already created the HTML framework (html / css). The html can be found in the appendix. I have created for test purposes 2 objects (2 people with different data) and loaded them into the website via jquery (code is attached). That works pretty well as well. But only if you know exactly how many elements the individual objects contain. But they can be different in length. What is your task? - Check if my array is ok for this task. If not, you'll need to provide an example array so I can customize it (in my software that creates the array). - Check if my desired form (html design/structure) can be achieved? Hints: - It should be programmed in Jquery - no html / css adjustments should be made Description: There are 4 columns on the web page that should represent the following keys: 1st column = 1 x element with "personal data". Columns 2-4 must stay in the row from column one. Keys: F_2602_8004 F_2602_8005 F_2602_8007 F_2602_26108 F_2602_8001 F_2602_26107 F_2602_8002 F_2602_8003 2nd column = infinitely many "device data" are possible. The device data is again bundled (nested) and have the following keys: "F_2602_8000_Pers_n" "F_2602_8009_Pers_n" "F_2602_8013_Pers_n" ... see more in the file 3rd column = infinitely many "device types" are possible. The device data is again bundled (nested) and have the following keys: "F_2602_8000_Add_n" "F_2602_8013_Add_n" "F_2602_26108_Add_n" ... see more in the file 4th column = infinitely many "equipment rooms" are possible. The device data is again bundled (nested) and have the following keys: "F_2602_8000_Not_n" "F_2602_8009_Not_n" "F_2602_8013_Not_n" ... see more in the file