响应式表格中的垂直滚动

Posted

技术标签:

【中文标题】响应式表格中的垂直滚动【英文标题】:Vertical scrolling in responsive table 【发布时间】:2015-06-08 12:49:00 【问题描述】:

我正在使用引导程序 3.2.2,我遇到的问题是,如果用户想要向上或向下滚动视口并在他单击表格内部时尝试这样做,那么滚动不起作用(没有发生)。如果用户尝试滚动视口,并且他点击了表格以外的任何其他位置,则视口会滚动。

如果有帮助,您可以查看附件。

安德烈亚斯

【问题讨论】:

【参考方案1】:

只需将display:block; 添加到thead tr 和tbody。检查下面的例子

thead,tr,tbody
display:block;

http://jsfiddle.net/mwmwc4k9/

【讨论】:

以上是关于响应式表格中的垂直滚动的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 响应式表格不会在 iOS 设备上水平滚动

带有固定标题垂直滚动条的表格是IE11中的Flickr

带有垂直文本的冻结标题的表格

UICompositionalLayout 未按预期工作(垂直表格滚动 + 水平分页)

在水平滚动表格中垂直溢出表格单元格

Bootstrap 4 响应式表格不会占用 100% 的宽度