清晰度：有没有推荐的方法让 clr-datagrid 占用所有可用的垂直空间？

【问题标题】：Clarity: Is there a recommended way to make clr-datagrid take up all available vertical space?清晰度：有没有推荐的方法让 clr-datagrid 占用所有可用的垂直空间？
【发布时间】：2018-03-04 15:28:41
【问题描述】：

即使表格中还没有行，我也试图让我占据所有垂直空间。 clr-datagrid 可以定制吗？似乎我必须手动覆盖 .datagrid-host 和 .datagrid-overlay-wrapper 的 flexbox 属性，以使其在列方向上增长。

我什至尝试过，但数据网格似乎没有垂直增长。

【问题讨论】：

标签： clarity vmware-clarity

【解决方案1】：

Clarity 数据网格支持数据网格元素本身的任何固定高度。如果高度对于显示的行数来说太大，则正文将扩展为空白。如果高度对于显示的行数来说太小，则正文将滚动而页眉和页脚保持在原位。

因此，在您的情况下，只需将 height: 100% 用于 CSS 中的数据网格即可。这就是你需要做的。有关工作示例，请参阅 https://plnkr.co/edit/eZqaic8CS6CFHVcGxAnH?p=preview。

【讨论】：

谢谢。我最终使用 Flexbox 来获得所需的行为，但接受了您的正确答案。