Как скрыть/показать строку таблицы
Скрыть (показать) ячейку таблицы
Здравствуйте! Уже второй вечер не могу решить простую задачу: Нужно при определенном условии.
Как скрыть строку таблицы на 2 минуты
Как скрыть строку таблицы на 2 минуты в HTML
Как скрыть/показать 2 блока из инпута
Доброго времени суток уважаемые гуру)) Задача вот в чем есть такой код <!—ко всем атрибутам.
Как скрыть\показать часть блока
Для новостного сайта, на шаблон просмотра кратких новостей в категориях и на главной вместо.
БТР — мой друг
333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
KDemo, конечно! Вы запихали inline в table! Тут надо tbody применять.
1 2 3 4 5
table> tbody id="must_delete"> tr>td>DELETE. /td>/tr> /tbody> /table>
886 / 681 / 101
Регистрация: 23.01.2009
Сообщений: 1,582
Можно еще проще:
1 2 3 4 5 6 7
button onclick="document.getElementById('must_delete').style.display='none'">hiden/button> button onclick="document.getElementById('must_delete').style.display=''">show/button> table border=1> tr id="must_delete">td colspan=2>Строка должна исчезать/td>/tr> tr>td>Видно всегда/td>td>Видно всегда/td>/tr> /table>
Спасибо, да я что-то похожее сделал, но в FF все работает как надо, а в IE выдает выполнено с ошибками: «не удалось получить свойство display.Недопустимый аргумент», я так понял из-за значения .display=’table-row’, которого нет в IE..но если я его заменяю на », то в IE работает, а в FF не срабатывает colspan (вообще в таблице по 6 ячеек в строке) и все содержимое отображается в первой ячейке ..
1 2 3 4 5 6 7 8 9 10
table> . h4 style="cursor:hand; cursor:pointer" onclick="if(document.getElementById('sc1').style.display=='none') document.getElementById('sc1').style.display='table-row'; else document.getElementById('sc1').style.display='none';">Подробнее>>/h4> tr id="sc1" height=60> td colspan=6>size="2">b>Контактные данные:/b>. b>Дополнительные сведения:/b>/font>/td> /tr> . /table>
Как скрыть строку html
Чтобы скрыть строку HTML, можно использовать CSS свойство display и установить его значение равным none. Вот несколько способов скрыть строку HTML:
Используя инлайн-стили:
style="display: none;">Эта строка будет скрыта Используя класс:
class="hidden">Эта строка будет скрыта .hidden display: none; > Используя идентификатор:
id="hidden-text">Эта строка будет скрыта #hidden-text display: none; > Используя псевдокласс :hidden :
class="hidden">Эта строка будет скрыта .hidden display: none; > p:hidden color: red; > В этом примере строка текста будет скрыта, но ее содержимое все еще будет доступно для программного обращения. Обратите внимание, что скрыть строку HTML с помощью CSS свойства display также может изменить расположение остальных элементов на странице, поэтому вам может понадобиться добавить дополнительные стили для корректной компоновки.
Как правильно скрывать и отображать строки таблицы с помощью js?
Добрый день. В html-коде есть таблица. Появилась потребность скриптом динамически прятать и отображать строки по некоторому признаку. Я попробовал делать это по аналогии с тем, как обычно прятал и показывал блоки div — с помощью свойства style.display :
// Сначала прячу все строки $block.children('tr').css('display', 'none') // Потом отображаю только нужные for (j in items)
Строчки действительно отображаются какие нужно. Но после первого же выполнения скрипта таблицу перекашивает — у каждой строки получается разная ширина колонок и граница между колонками получается ломанной.
Отслеживать
задан 31 мая 2017 в 14:01
20.3k 4 4 золотых знака 25 25 серебряных знаков 52 52 бронзовых знака
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
Пока набирал вопрос, вспомнил, что у style.display бывает ещё значение inline . Решил посмотреть, какое значение изначально стоит у строки таблицы.
Оказалось, для строк таблицы вообще существует особое значение этого свойства — table-row . Таким образом, правильный способ отобразить ранее скрытую строку такой:
$(селектор).css('display', 'table-row') С таким кодом всё заработало именно так, как я и хотел.
Как скрыть элемент в html
Каждый элемент веб-страницы обладает неким значением свойства display , назначаемым ему по умолчанию. Это может быть inline-block, block, table и так далее. Для того чтобы скрыть элемент с помощью свойства display, мы можем воспользоваться конструкцией display: none. Если элемент скрыт с помощью этой конструкции, то вместе с ним будут скрыты и все его потомки.
Этот блок текста будет скрыт
p display: none; >