Строки таблицы HTML

Question

Каков наилучший способ отключить видимость строки (ей) и удалить пробелы. Также наоборот, если включить видимость, убедившись, что видимые строки отображаются снова.

Answer 1

Если вы делаете это с помощью свойства display, как было предложено до сих пор, вам придется беспокоиться о блоке или строке таблицы. Таблица-строка верна, но IE не поддерживает ее, поэтому вам нужно выбрать браузер-снифф.

Потенциально проще избежать настройки стиля напрямую, вместо этого сделать это с помощью правила класса CSS:

tr.hidden { display: none; }

row.className= 'hidden'; // sets display to none
row.className= ''; // resets display to its default value

Answer 2

Если вы хотите сделать это на клиенте (то есть с помощью javascript), попробуйте установить для style.display значение none (и block для его включения).

Если вы хотите обработать его на сервере, установите для видимости строки значение false, это предотвратит рендеринг строки.

Редактировать - С примером:

function ShowHideRow(row, show)
{
    document.getElementById(row).style.display = (show ? 'block' : 'none');
}

обратите внимание, что вы можете последовать совету Муфаса и использовать строку таблицы вместо блока.

Answer 3

Вам необходимо установить свойство display для строки (the) в none. С помощью JavaScript, как сказал Крис, или с помощью CSS.

Answer 4

Крис прав, за исключением того, что возвращение значения к правильному типу отображения таблицы будет немного более правильным при его повторном отображении. Для <TR> вы должны использовать display: table-row. См. Свойство отображения CSS .

Обновление: ответ bobince - более практичный ответ о том, как использовать (а не использовать) атрибут отображения.