Hiding/showing columns based on window size

Question

I was wondering if there was any way to make ngx-datatable columns visible/invisible based on the window size, similar to the bootstrap class hidden-xs to hide things on extra small screens.

Answer 1

You can use a media query. Example: Assign class names to td of columns you wish to hide based on certain widths. Lets say you have a class name -- .768hidables -- you can define a css as below:

@media (max-width: 768px) {
     .768hidables {
         display:None;
     }
}