问题描述
我正在使用 DataTables.net + Twitter Bootstrap 和响应式布局,我正在尝试使用visible-desktop"类隐藏表格的某些列,该类仅以大尺寸显示列,但似乎不起作用,隐藏得很好,但是如果我调整窗口大小以获得桌面宽度,隐藏的列开始显示堆叠,似乎是 CSS 显示类问题,因为从父级继承了显示类型:
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;
}
如果我操纵它
.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
由
hidden-phone hidden-tablet
希望对某人有所帮助!
这篇关于Twitter Bootstrap 响应式 - 仅在桌面上显示表格列的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!