【发布时间】：2016-06-15 20:18:09
【问题描述】：
我有这个包含随机行数的 ui-grid，但可以肯定的是，它包含大量列。
也就是说，我有一个与响应相关的问题：我希望网格在宽度和高度上填充页面的剩余空间。
除了外观推理之外，这背后的逻辑是，在大屏幕设备上，允许用户查看尽可能多的列并将 ui-grid 高度扩展到底部，即使有显示的行数很少（顺便说一句，页面没有页脚）。
因此，使用媒体查询，我将width: 100% 设置为网格并设法完成第一部分的技巧，但我正在为第二部分努力：高度。
我真的不能让gridWrapper 的高度将网格扩展到底部，即使他的宽度表现正确，不使用 Bootstrap 但是...css struggle 是真实的。
所以我设法得到了接近我想要的东西，但是：
- 这是一个极其复杂、弱且不可重用的解决方案；
- 行选择图标布局（行左侧的那个）随着行数的增加而混乱，我现在无法摆脱选择功能；
- 网格的高度大于页面的高度。我可以将其设置为 90% 而不是 100% 以使其工作...关闭，但仍然没有响应。
即使这个场景是项目 GitHub 上manyissues 的主题，我问你：
在我深入研究由
display: table;、display: flex;和 Co. 组成的沼泽之前，有没有办法以响应式、可能包含引导程序的方式获得我想要的东西？
【问题讨论】：
-
下面的plunker 显示了我想要实现的确切目标，但我的问题的重点是是否有 Bootstrap 和响应式方法来完成它。
标签： css angularjs twitter-bootstrap ng-grid angular-ui-grid