Question

我已经使用了ag-grid，并遵循了让页面的父div定义一个明确的高度的规则，这样我就可以在网格上设置最大高度，允许滚动，而不是在高度增长无限期。所以，我有这样的事情：

<div ng-controller="MyController as myCtrl" style="box-sizing: border-box; padding-top: 5px; width: 100%; height: 90%">

...
   <div ag-grid="myGridOptions" class="ag-blue" style="width: 100%; height: 55%"></div>

这很好用，百分比表现得像你期望的那样。

我现在想要使用角度材料md-tabs设置一些标签。当我将ag-grid放在标签内时，我设置的高度值似乎不够高。我假设它使用了md-tab或md-tabs的高度，但是，我不确定如何/如果我可以显式设置选项卡的高度。我试过这样做的风格＆＃39;属性，但似乎没有效果。

我认为我需要强制标签或标签容器达到一定的高度，但我不知道该怎么做。

<div ng-cloak>
    <md-tabs md-border-bottom >
        <md-tab label="Tab1" >
            <div ag-grid="myGrid2Options" class="ag-blue" style="width: 100%; height: 70%;"></div>

Answer 1

您可以尝试在md-dynamic-height

添加<md-tabs>

文档：https://material.angularjs.org/latest/api/directive/mdTabs

<div ng-cloak>
<md-tabs md-border-bottom md-dynamic-height >
    <md-tab label="Tab1" >
        <div ag-grid="myGrid2Options" class="ag-blue" style="width: 100%; height: 70%;"></div>

在md-tab内使用ag-grid

1 个答案: