Как автоматически скрыть ячейки таблицы без javascript на css?

Question

[EmachinesDIMA]

Если изменять ширину экрана браузера, в таблице автоматически скрываются/сокращаются значения каких-нибудь столбцов. Например, при ширине 1024 пикселей видна вся таблица, а при ширине 768 пикселей скрывается какой-либо столбец/столбцы.

Answer 1

[Виталий Киренков]

@media (max-width: 768px){
  td.class-1 { display: none;}
}

Comments

[EmachinesDIMA]

спасибо! а есть у вас какой-нибудь открытый проект, который можно подсмотреть?)) работа с таблицами. пример - электронное табло или нечто подобное.

[Виталий Киренков]

Да как то давно с таблицами не сталкивался. Таблицы для табличных данных в своём большинстве, и обычно нельзя просто так брать и прятать какую то ячейку.

[EmachinesDIMA]

Виталий Киренков: что посоветуете?

[Виталий Киренков]

EmachinesDIMA: Вы задали вопрос - я вам ответил. Если вас интересует как это работает почитайте о media queries.

[EmachinesDIMA]

Виталий Киренков: благодарю!)

Answer 2

[gassmonkey]

Можно обойтись без класса, только с помощью css.

@media (max-width: 768px){
  td:nth-of-type(2) { display: none;}
}