htmlhtml-tableinvisible

Do invisible (display:none) cells count toward colspan

Just wondering. Also, is this applied equally across browsers?

e.g.:

<table><tr>
  <td>asdf</td>
  <td style="display:none;">asdf</td>
  <td>asdf</td>
</tr></table>

does colspan == 2 or 3?

Solution

  • It is colspan=2

    td[colspan] {
  background-color: #ccc;
}
    <table border=1>
  <tr>
    <td>TL</td>
    <td style="display:none;">HIDDEN</td>
    <td>TC</td>
    <td>TR</td>
  </tr>
  <tr>
    <td>ML</td>
    <td>MC</td>
    <td>MR</td>
  </tr>
  <tr>
    <td colspan="2">BL + BC</td>
    <td>BR</td>
  </tr>
</table>

    You can see it with this example expanded