creating table within table by pressing button
<p>I currently have a table and in one of the <code>&lt;td&gt;</code>, I have input type of checkbox. where if user clicks on it, it will create different table. </p>

<pre><code>&lt;div style="padding-left:170px;"&gt;
&lt;table width="80%" border="1" padding-left:50px&gt;  
    &lt;tr&gt;  
        &lt;td&gt;  
            &lt;table border="1" style="float:left"&gt; 
                &lt;th&gt;Portal01&lt;/th&gt; 
                &lt;tr&gt;  
                    &lt;td style= "padding:12px;" align="left" &gt;
                    &lt;input type="test0" id = "test0" name="liveDiff"  onchange = "expandService()"&gt; blah_0
                    &lt;/td&gt;
                    &lt;td&gt;
                    blah_1
                    &lt;/td&gt;
                    &lt;td&gt;
                    blah_2
                    &lt;/td&gt;
                &lt;/tr&gt;  
           &lt;/table&gt;
       &lt;/td&gt;
   &lt;/tr&gt;
&lt;/table&gt;  
</code></pre>

<p>I have it set up where if user clicks on checkbox next to <code>blah_0</code>, it should create different table within this table. I am not sure if this is possible with JavaScript and if not, what would be alternate way to approach this situation. </p>
