How to add dynamic rows in a table

Question

Plz help me.

Akkiraju Ivaturi · Answer

The following Javascript function demonstrates how to add multiple rows to a web page during runtime using addRow() function function addRow(){ var table=document.getElementById('countTable'); var tbody=document.getElementsByTagName('TBODY')[0]; var row=document.createElement('TR'); var cell1=document.createElement('TD'); var cell2=document.createElement('TD'); var cell3=document.createElement('TD'); var cell1value=''; cell1value+='One '; var cell2value=''; cell2value+='Two '; var cell3value=''; cell3value+='Three '; cell1.innerHTML=cell1value; cell2.innerHTML=cell2value; cell3.innerHTML=cell3value; row.appendChild(cell1); row.appendChild(cell2); row.appendChild(cell3); tbody.appendChild(row); alert(table+' '+row+' '); } One Two Three

Satyapriya Nayak · Answer

Hi Sudarsan, Please refer the below links http://viralpatel.net/blogs/dynamically-add-remove-rows-in-html-table-using-javascript/ http://www.codeproject.com/Articles/14995/Dynamically-add-and-remove-rows-in-a-HTML-table Thanks If this post helps you mark it as answer

How to add dynamic rows in a table

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (2)