如何使用 Angular 6 -Ag 网格并排显示两个网格

Question

我试图并排放置两个网格，但第二个网格自动移到下一行。

我已经将网格的宽度减少到每个的 40%，并尝试将网格放在 <span> 中，但我仍然无法将网格并排显示。

Answer 1

使用 flexbox 应该可以解决您的问题：

.row {
  display: flex;
}

.column {
  flex: 50%;
  padding: 10px;
  height: 500px;
}

<div class="row">
  <div class="column">
    <ag-grid-angular [gridOptions]="firstGrid" class="ag-theme-balham"></ag-grid-angular>
  </div>
  <div class="column">
    <ag-grid-angular [gridOptions]="secondGrid" class="ag-theme-balham"></ag-grid-angular>
  </div>
</div>

如何使用 Angular 6 -Ag 网格并排显示两个网格

How to display two grids side by side using Angular 6 -Ag grid

ag-grid