title: HTML Table Header using rowspan
body: <pre><code>&lt;html&gt;
  &lt;body&gt;
  
  &lt;TABLE border="1" "&gt;
  
  &lt;CAPTION&gt;&lt;EM&gt;A test table with merged cells&lt;/EM&gt;&lt;/CAPTION&gt;
  
  &lt;TR&gt;&lt;TH rowspan="2"&gt;&lt;TH colspan="2"&gt; Average
      &lt;TH rowspan="2"&gt;Red&lt;BR&gt;eyes &lt;/TH&gt;
  &lt;/TR&gt;
  &lt;TR&gt;
    &lt;TH&gt;height&lt;/TH&gt;&lt;TH&gt;weight&lt;/TH&gt;
  &lt;/TR&gt;
  &lt;TR&gt; 
    &lt;TD&gt;1.9&lt;TD&gt;0.003&lt;TD&gt;40%&lt;/TD&gt;
  &lt;/TR&gt;
  &lt;TR&gt; 
    &lt;TD&gt;1.7&lt;TD&gt;0.002&lt;TD&gt;43%&lt;/TD&gt;
  &lt;/TR&gt;
  
  &lt;/TABLE&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm getting the output with first element of header as blank</p>
  
  <pre><code>  A test table with merged cells
  /-----------------------------------------\
  |          |      Average      |   Red    |
  |          |-------------------|  eyes    |
  |          |  height |  weight |          |
  |-----------------------------------------|
  |  1.9     | 0.003   |   40%    |         |
  |-----------------------------------------|
  |  1.7     | 0.002   |   43%    |         |
  \-----------------------------------------/
  </code></pre>
  
  <p>Expected output</p>
  
  <pre><code>  A test table with merged cells
  /----------------------------- \
  |      Average      |   Red    |          
  |-------------------|  eyes    |          
  |  height |  weight |          |          
  |------------------------------|
  |  1.9     | 0.003   |   40%   |          
  |------------------------------|
  |  1.7     | 0.002   |   43%   |          
  \------------------------------/
  </code></pre>