Twitter Bootstrap响应 - 仅在桌面上显示表列 [英] Twitter Bootstrap Responsive - Show Table Column only on Desktop

问题描述

我正在使用DataTables.net + Twitter Bootstrap和响应式布局，我正在尝试的是使用类visible-desktop来隐藏表的一些列，这些类只显示大尺寸的列，但是似乎不工作，隐藏好，但是如果我调整窗口大小以获得桌面宽度列隐藏开始显示堆叠，似乎是CSS显示类问题，因为继承父类型显示：

  .visible-desktop {
显示：inherit！important; 
} 
  

如果我操纵它到

  .visible-desktop {
 display：table-cell！important; 
} 
  

工作得很好...有解决方法吗？或者我必须为表列隐藏编写自己的类？

解决方案

我终于发现存在一个替代方法：

 可见桌面
  

由

 隐藏手机隐藏式平板电脑
  

希望帮助某人！

I'm using DataTables.net + Twitter Bootstrap and the responsive layout, what I'm trying is to hide some columns of the table using the class "visible-desktop" thats shows the columns only in big sizes but It seems not to work, hides well but if I resize the windows to get a desktop width the columns hidden start showing stacked, seems a CSS display class problem, because inherits the type of display from the parent:

.visible-desktop {
    display: inherit!important;
}

If I manipulate it to

.visible-desktop {
    display: table-cell!important;
}

works well... Is there a workaround for this? Or I have to write my own class for table column hiding?

解决方案

I finally found that exists a workaround replacing:

visible-desktop

by

hidden-phone hidden-tablet

Hope helps someone!

这篇关于Twitter Bootstrap响应 - 仅在桌面上显示表列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！