如何让表格在超出高度出现滚动条
2017-06-30 10:02
471 查看
滚动条,在很多地方都有,而且可能展现的方式不一样,或者功能需求也不一样。但总体而言,想要实现这样的功能需要在表格外面定义一个div,并且设置div高度,overflow:scroll;
我自己做的例子:<div style="height:290px;width:100%;display:block;overflow-y:auto;"><table></table></div>.可以实现纵轴滚动条。如果想要横轴也要出现滚动条,加上overflow-x:auto;就可以了。
注:在编辑html的时候,如果在css文件中写body{padding:0;margin:0;}会让body内的内容贴合屏幕,不会出现间距。
我自己做的例子:<div style="height:290px;width:100%;display:block;overflow-y:auto;"><table></table></div>.可以实现纵轴滚动条。如果想要横轴也要出现滚动条,加上overflow-x:auto;就可以了。
注:在编辑html的时候,如果在css文件中写body{padding:0;margin:0;}会让body内的内容贴合屏幕,不会出现间距。
相关文章推荐
- flex自适应高度内容高度超出容器高度自动出现滚动条的问题
- vue + ElementUI 表格筛选框的高度设置,超出一定高度,显示滚动条
- Winform中,容器AutoScroll=true,如何判断运行时是否出现了滚动条(ScrollBar)以及滚动条的宽高度
- 如何设置table的tbody高度,超出默认高度会出现滚动条!!!
- div 固定高度,设定比例的宽度,超出指定高度时竖直滚动条出现
- html+css高度100%的时候边框超出,出现滚动条的解决办法,带边框的100%高度
- div超出高度的时候出现滚动条
- 如何设置table的tbody高度,超出默认高度会出现滚动条!!!
- textarea如何实现高度自适应(不出现滚动条)?
- vue + ElementUI 表格筛选框的高度设置,超出一定高度,显示滚动条
- 高度超出340px,就会在Y轴出现滚动条
- 内容超出div高度出现滚动条或者隐藏
- 上下滑动的swiper,第二个slider高度大于屏幕,如何让它出现滚动条,像单页面那样滑动??
- 让超出容器高度的内容滚动显示但不出现滚动条
- 如何避免出现“终端服务器超出了最大允许连接数”
- 如何固定表格的宽度,让超出的内容自动换行
- JavaScript 固定DIV高度,超出部分自动添加滚动条
- 页面如何自动出现滚动条(overflow属性用法)
- 在zk中如何让listbox出现滚动条
- Java绘图 - 如何正确绘图和出现滚动条