Скрытие/отображение столбцов в зависимости от размера окна

Мне было интересно, есть ли способ сделать столбцы ngx-datatable видимыми/невидимыми в зависимости от размера окна, аналогично классу начальной загрузки hidden-xs, чтобы скрыть вещи на очень маленьких экранах.


angular twitter-bootstrap ngx-datatable
person dylan.droll    schedule 13.06.2017    source источник
comment
добавьте любой класс в свои столбцы, которые вы хотите скрыть в соответствии с шириной устройства, затем напишите медиа-запрос для ширины устройства и напишите стиль для скрытия и отображения. media only screen and (max-width:320px){.youclassname{display:none;}} /* this code hide your column in device which have 320px width and lower */   -  person Awesome Designer    schedule 14.06.2017

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать медиа-запрос. Пример. Назначьте имена классов нескольким столбцам, которые вы хотите скрыть, на основе определенной ширины. Допустим, у вас есть имя класса — .768hidables — вы можете определить css, как показано ниже:

@media (max-width: 768px) {
     .768hidables {
         display:None;
     }
}
person Temi Fakunle    schedule 14.06.2017