Css AngularJS和ui网格：如何调整网格高度以填充剩余空间

我有一个包含随机数行的ui网格，但可以肯定的是，它包含大量的列

也就是说，我有一个与响应相关的问题：我希望网格在宽度和高度上填充页面的剩余空间

除了外观推理之外，在大屏幕设备上，这背后的逻辑是允许用户查看尽可能多的列，并将ui网格高度扩展到底部，即使显示的行很少（顺便说一句，页面没有页脚）

因此，使用媒体查询，我将

width:100%

设置为网格，并设法完成技巧的第一部分，但我正在努力实现第二部分：高度

如果不使用Bootstrap，我真的无法使

gridWrapper

高度将网格扩展到底部，即使其宽度行为正确，但。。。这是真的

所以我设法找到了我想要的东西，但是：

• 这是一个极其复杂、脆弱且不可重用的解决方案
• 行选择图标布局（在行的左侧）随着行数的增加而混乱，我现在无法摆脱选择功能
• 网格的高度大于页面的高度。我可以将其设置为90%而不是100%以使其工作。。。很近，但仍然没有反应

即使此场景是项目GitHub上的主题，我也要问您：

在我钻研由

display:table构成的沼泽之前，是否有一种方法可以以一种响应迅速、可能包含引导的方式获得我想要的东西，
显示：flex&公司

我感到震惊的是，实现这一点的唯一方法是使用JS并通过编程设置css的高度和宽度

您必须在以下情况下进行设置：


网格已创建

窗口大小更改

给定网格高度：在css中或网格准备好后自动，我的意思是一旦您将数组指定给gridOptions.data

$(".ui-grid").css("height", "auto");

下面显示了我到底想要实现什么，但我的问题是，是否有一种引导和响应方式来实现它。