colspan в IE8 и скрытые столбцы

Question

У меня есть таблица, подобная этой

<table>
  <tr>
    <td style="display:hidden;">0</td>
    <td style="display:hidden;">1</td>
    <td style="display:hidden;">2</td>
    <td>Hi</td>
    <td>Data</td>
  </tr>
  <tr>
    <td colspan="2">More data</td>
  </tr>
</table>

Это прекрасно воспроизводится в Chrome и Firefox, но в IE 8 оно корректно отображается, только если я установил colspan="5", как если бы скрытые столбцы все еще находились

Как обойти это, кроме добавления <td style="display:hidden;" colspan="3"></td> во второй ряд?

Answer 1

Вы смешиваете вещи здесь. Таблица имеет 5 столбцов, и CSS только показывает, какие из них отображаются или нет, но они все еще там. Это может показать нормально в Firefox и Chrome, но это не нормально (это может не работать в других браузерах, которые вы еще не проверяли, например, в планшетах, а что нет). Вместо этого вы можете сделать как <td><div style='display:none'>1</div></td>. В любом случае количество добавленных столбцов должно быть 5