Question

This question is related to this question I asked a little while back. The updated code is posted here. This to note is that i am looking to create a HTML table dynamically that looks similar to this:

<table>
  <tbody>
    <tr>
      <td colspan="3" align="right">Header</td>
    </tr>
    <tr>
      <td colspan="3" align="right">Header</td>
    </tr>
    <tr>
      <td colspan="3" align="right">Header</td>
    </tr>
    <tr>
      <td>Col1</td>
      <td>Col3</td>
      <td>Col4</td>
    </tr>
    <tr>
      <td>Col1</td>
      <td>Col3</td>
      <td>Col4</td>
    </tr>  

  </tbody>

</table>

I can get this done in markup but when I do it in js the colspan does not seem to work in IE7. Any hep will be greatly appreciated.

Answer 1

http://www.w3schools.com/jsref/prop_tabledata_colspan.asp

The colSpan javascript property has a capital S.