Объединение столбцов в 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