热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

如何在Bootstrap中创建具有固定高度和滚动的全宽度表?

如何解决《如何在Bootstrap中创建具有固定高度和滚动的全宽度表?》经验,为你挑选了1个好方法。

我是一个很新的引导程序,所以如果我的问题太简单,我很抱歉.

我想创建一个宽度为父容器的表,固定高度和滚动条(如果表包含太多行).

我试过这样做:

1
2
3
4

它显示全宽度但没有滚动的全表,高度比我需要的大.

我也尝试添加display: block;:

1
2
3
4

在这种情况下,滚动条出现但tr-tag的宽度不适合容器,它更短.

我也试图指定width=100%trtd标签没有运气.我该如何解决我的任务?



1> Abhishek Pan..:

像这样的东西,将你的表包装在一个div中,然后给包装而不是表高度.

.table-wrap {
  height: 80px;
  overflow-y: auto;
}
1
2
3
4
1
2
3
4

推荐阅读
author-avatar
wqgysxy
万企共赢商学院,国内实战网络营销网校。聚集国内顶级营销大师,横跨300个行业经验,超过100000个学员见证。官网:www.wanqigongying.com ,电话18688893947(以后换成400电话)
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有