title: How do i create matrix like table in HTML
body: <p>I am trying to create a table that will have several columns but some of the columns will have nested columns. I tried but i am not able to get it working.</p>
  
  <p>As you can see Column 4 has 3 nested tables (4.1,4.2, 4.3) but when i create one more row and add values to it, it gets messed up.</p>
  
  <p><a href="http://jsfiddle.net/G9w5d/" rel="nofollow">http://jsfiddle.net/G9w5d/</a></p>
  
  <p>This is how my HTML looks like:</p>
  
  <pre><code>&lt;table border="1"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Col 1&lt;/th&gt;
                  &lt;th&gt;Col 2&lt;/th&gt;
                  &lt;th&gt;Col 3&lt;/th&gt;
                  &lt;th&gt;Col 4&lt;/th&gt;
                  &lt;th&gt;Col 5&lt;/th&gt;
              &lt;/tr&gt;
  
              &lt;tr&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;table border="1"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Col 4.1&lt;/th&gt;&lt;th&gt;Col 4.2&lt;/th&gt;&lt;th&gt;Col 4.3&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;/table&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;table border="1"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Col 5.1&lt;/th&gt;&lt;th&gt;Col 5.2&lt;/th&gt;&lt;th&gt;Col 5.3&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;/table&gt;&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      Val 1
                  &lt;/td&gt;
                  &lt;td&gt;
                      Val 2
                  &lt;/td&gt;
                  &lt;td&gt;
                      Val 3
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;table border="1"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;This is Val 4.1&lt;/td&gt;&lt;td&gt;This is Val 4.2&lt;/td&gt;&lt;td&gt;This is Val 4.3&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
                  &lt;/td&gt;
  
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>