Ag grid 如何使用角度6-Ag栅格并排显示两个栅格

Ag grid 如何使用角度6-Ag栅格并排显示两个栅格,ag-grid,Ag Grid,我试图并排放置两个网格,但第二个网格会自动移动到下一行 我已将每个网格的宽度减小到40%,并尝试将网格放置在中,但仍然无法将网格显示在彼此旁边。使用flexbox可以解决您的问题: .row { display: flex; } .column { flex: 50%; padding: 10px; height: 500px; } <div class="row"> <div class="column"> <ag-grid-ang

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


我已将每个网格的宽度减小到40%,并尝试将网格放置在
中,但仍然无法将网格显示在彼此旁边。

使用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>
.row{
显示器:flex;
}
.栏目{
弹性:50%;
填充:10px;
高度:500px;
}