table 超多列 滚动条 自适应 bootstrap
2016-10-12 15:19
169 查看
Table显示滚动条,要先把table放到一个div中,控制overflow属性为scroll
table设置最小长度
现在只要div的长度小于table的长度,滚动条就显示出来了。
效果图如下:
<div style="overflow:scroll;"> ... </div>
table设置最小长度
<table class="table" style="min-width:1500px;"> ... </table>
现在只要div的长度小于table的长度,滚动条就显示出来了。
效果图如下:
相关文章推荐
- bootstrap 表格插件bootstrap-table的js设置高度及高度自适应
- bootstrap-table 表格中增加下拉菜单末行出现滚动条解决方法
- bootstrap在IE下table丢失横向滚动条的问题
- 好用的自适应表格插件-bootstrap table (支持固定表头)
- 【前端H5】bootstrap-table表格插件使用js设置高度及高度自适应
- Bootstrap关闭弹出窗导致另一个弹出窗滚动条消失的解决办法
- bootstrap table th内容太多表格撑破(自动换行)
- table 谷歌下不出现滚动条
- Bootstrap3基础 table-responsive 响应式表格
- 关于tableview自适应高度的问题
- JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)
- Bootstrap Table 实现列格式化显示
- 关于bootstrap-table-tree封装
- JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(一)
- bootstrap-table 分页的问题
- table 表头固定JScss样式 和jquery获取滚动条距离
- bootstrap+滚动条
- BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
- Bootstrap 3之美05-排版、Button、Icon、Nav和NavBar、List、Table、Form
- swift tablevieCell自适应高度