<TR> Форматирование не происходит в Firefox

Question

Я хочу скрыть / показать группу строк таблицы HTML, используя JavaScript. Для этого я определяю каждую такую ​​строку, видимость которой должна быть переключена, следующим образом: Когда происходит соответствующее событие, я переключаю его состояние следующим образом:

document.getElementById('rowId1').style.display = 'none';//or 'block'

Приведенный выше код работает как в Firefox, так и в IE. Но в то время как IE сохраняет правильную форму таблицы, Firefox теряет смысл приличия, а отображаемая таблица HTML совершенно бессистемна.

Я что-то упустил? Я гарантировал, что CSSClass отдельных элементов определен в файле CSS.

С уважением, Vipul

Answer 1

Не используйте display: block для элементов таблицы в Firefox.

Вместо этого используйте display: table-row для строк.

К сожалению, IE (до 8) не поддерживает этот стандарт.

Подробнее о проблеме здесь: http://www.w3schools.com/css/pr_class_display.asp

Answer 2

Попробуйте переключиться между "none" и "".