title: How to create nested table in html
body: <p>I need to create an HTML table with an inner table like the below-given diagram:</p>
  
  <p>[Example][1]
  I'm confused if I should create two separate tables for both left side and right side table or combine them together in a single table</p>
  
  <p>I tried below example, but it's not getting generated in the format I want, basically, it's not generating the inner HTML table:</p>
  
  <pre><code>&lt;table &gt;
  
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;VITAL SIGNS&lt;/th&gt;
        &lt;th&gt;FREQUENCY&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;th&gt;TOTAL SUPPORT&lt;/th&gt;
        &lt;th&gt;ASSIST&lt;/th&gt;
        &lt;th&gt;SEE CARE&lt;/th&gt;
        &lt;th&gt;FREQUENCY&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
  
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;th&gt;Temperature&lt;/th&gt;
        &lt;th&gt;&lt;input type="text" /&gt;&lt;/th&gt;
        &lt;th&gt;SKIN CARE&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;BP&lt;/th&gt;
        &lt;th&gt;&lt;input type="text" /&gt;&lt;/th&gt;
        &lt;th&gt;APPLY LOTION&lt;/th&gt;
        &lt;th&gt;&lt;input type="checkbox" /&gt;&lt;/th&gt;
        &lt;th&gt;&lt;input type="checkbox" /&gt;&lt;/th&gt;
        &lt;th&gt;&lt;input type="checkbox" /&gt;&lt;/th&gt;
        &lt;th&gt;&lt;input type="text" /&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;Pulse&lt;/th&gt;
        &lt;th&gt;&lt;input type="text" /&gt;&lt;/th&gt;
        &lt;th&gt;ACTIVITY&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;th&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;Respiration&lt;/th&gt;
        &lt;th&gt;&lt;input type="text" /&gt;&lt;/th&gt;
        &lt;th&gt;&lt;input type="checkbox" /&gt;
          &lt;input type="checkbox" /&gt;
        &lt;/th&gt;
        &lt;th&gt;&lt;input type="checkbox" /&gt;&lt;/th&gt;
        &lt;th&gt;&lt;input type="checkbox" /&gt;&lt;/th&gt;
        &lt;th&gt;&lt;input type="checkbox" /&gt;&lt;/th&gt;
        &lt;th&gt;&lt;input type="text" /&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;&lt;/th&gt;
        &lt;th&gt;
          &lt;th&gt;TOTAL SUPPORT&lt;/th&gt;
          &lt;th&gt;ASSIST&lt;/th&gt;
          &lt;th&gt;SELF CARE&lt;/th&gt;
          &lt;th&gt;FREQUENCY&lt;/th&gt;
        &lt;/th&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>