Append array data to a html table column-wise using only javascript

Question

I have an set of array

Case =[case1, case2,case3]
Condition = [condition1,condition2,condition3]
Observation = [obs1,obs2,obs3]

How can I display this in a html table with the below format? Case condition and observation are headers which don't change. Basically the number of columns doesn't change only the rows change. How can I do this using javascript?

I am new to javascript and I am having difficulty in iteration.

+----------------------------------
| Case  | Condition  | Observation| 
+---------------------------------+
| case1 | condition1 | obs1       |
+---------------------------------+
| case2 | condition2 | obs2       | 
+---------------------------------+
| case3 | condition3 | obs3       | 
+---------------------------------+

Zword · Accepted Answer · 2014-04-09 05:44:22Z

1

Try following JS:

Case =["case1", "case2","case3"];
Condition = ["condition1","condition2","condition3"];
Observation = ["obs1","obs2","obs3"];

for(i=0;i<Case.length;i++)
{
    document.getElementById(tableid).innerHTML+="<tr><td>"+Case[i]+"</td><td>"+Condition[i]+"</td><td>"+Observation[i]+"</td></tr>"
}

Demo Fiddle

answered Apr 9, 2014 at 5:44

Zword

6,8013 gold badges30 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Append array data to a html table column-wise using only javascript

1 Answer 1

Demo Fiddle

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related