Как отобразить две сетки рядом, используя угловую сетку 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>