Twitter bootstrap 基于窗口大小隐藏/显示列

Twitter bootstrap 基于窗口大小隐藏/显示列,twitter-bootstrap,angular,ngx-datatable,Twitter Bootstrap,Angular,Ngx Datatable,我想知道是否有任何方法可以根据窗口大小使ngx datatable列可见/不可见,类似于引导类hidden xs在超小屏幕上隐藏内容。您可以使用媒体查询。 示例: 根据特定宽度为要隐藏的列的td指定类名。假设您有一个类名--.768hidables--您可以如下定义css: @media (max-width: 768px) { .768hidables { display:None; } } 将要按设备宽度显示隐藏的任何类添加到列中,然后写入设备宽度的媒

我想知道是否有任何方法可以根据窗口大小使ngx datatable列可见/不可见,类似于引导类hidden xs在超小屏幕上隐藏内容。

您可以使用媒体查询。 示例: 根据特定宽度为要隐藏的列的td指定类名。假设您有一个类名--.768hidables--您可以如下定义css:

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

将要按设备宽度显示隐藏的任何类添加到列中,然后写入设备宽度的媒体查询以及隐藏和显示的写入样式<代码>仅媒体屏幕和(最大宽度:320px){.youclassname{display:none;}}/*此代码在具有320px宽度和更低宽度的设备中隐藏列*/