如何使使用ag-grid构建的网格适应浏览器的屏幕？

Question

你好StackOverFlowers：p， 我是angular / bootstrap的新手。
我已经使用ag-grid构建了两个网格，并使用Bootstrap创建了一个导航栏，该导航栏允许我在两个网格之间导航。 但是，如您在下面的照片中所见，网格太小，并且在屏幕上留有很多空白。 我想以某种方式将它们放大，使其占据所有屏幕空间，就像在excel中一样。 这是其中一个网格的html代码：

<ag-grid-angular 
    style="width: 500px; height: 500px;" 
    class="ag-theme-balham"
    [rowData]="rowData" 
    [columnDefs]="columnDefs"
    >
</ag-grid-angular>

谢谢！