Ng-table: 一个表格需要显示很多列时,如何显示水平滚动条?

创建于 2015-11-28  ·  4评论  ·  资料来源: esvit/ng-table

qq 20151128203444
页面显示滚动条,但不在表格中。

最有用的评论

你需要用 div 包围桌子说
<div id="container"><!--table here--></div>

在 css 中将以下样式应用于容器 div
#container{white-space:nowrap; overflow: hidden;}

然后将以下样式应用于您的表格
.table{display:block;overflow-x:scroll;}

这将在表格下方和寻呼机 div 之前添加水平滚动条。

所有4条评论

在它上面创建一个容器。
<div id="container"> <!--your table --> </div>
并使用 css 做:
#container { width:100%; overflow: auto }

@AmitMY将隐藏寻呼机

+1,需要表格元素的容器

你需要用 div 包围桌子说
<div id="container"><!--table here--></div>

在 css 中将以下样式应用于容器 div
#container{white-space:nowrap; overflow: hidden;}

然后将以下样式应用于您的表格
.table{display:block;overflow-x:scroll;}

这将在表格下方和寻呼机 div 之前添加水平滚动条。

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

ivyfae picture ivyfae  ·  12评论

batjko picture batjko  ·  3评论

Nagendra1402 picture Nagendra1402  ·  3评论

zymr-keshav picture zymr-keshav  ·  10评论

richtmat picture richtmat  ·  7评论