title: How to create a Html table using DOM model using javascript?
body: <p>How to create a Html table using DOM model using Javascript?</p>
  
  <p>for ex: </p>
  
  <pre><code>&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" id="tblMCNRoles"&gt;   
  &lt;/table&gt;
  </code></pre>
  
  <p>I have above table and i want to render above table like below by using DOM modal creation.</p>
  
  <pre><code>&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" id="tblMCNRoles"&gt;
  
  &lt;tr&gt;
   &lt;td bordercolor="green" align="center" valign="top" style="border-style:dotted" &gt;
     &lt;table width="99%" border="0" cellspacing="0" cellpadding="0" 
        class="portlet-table-body intable5"&gt; 
        &lt;tr&gt;&lt;td align="center" valign="middle" class="grid6"&gt;&lt;/td&gt;&lt;/tr&gt;
     &lt;/table&gt;
   &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>