const modalRef = this.modalService.open(ModalInventoryComponent, {
      size: 'xl',
      scrollable: true
    });

<div class="modal-header d-flex justify-content-between">

  <h4 class="modal-title">{{mySupermarket.name}}</h4>

  <button type="button" class="close" aria-label="Close (click)="modal.dismiss('Cross click')">
      <span aria-hidden="true">&times;</span>
    </button>

</div>

<div class="modal-body">

  <!-- I have 4 Tables like this one -->
  <div class="container-fluid">
  <div class="row">
    <div class="col-sm-1">
      Example
    </div>
    <div class="col">
      <h6>Product</h6>
      <div class="table-responsive">
        <table class="table table-striped">
          <thead>
          <tr>
            <th scope="col">Number</th>
            <th scope="col">Name</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let inv of inventories">
              <th scope="row">{{inv.number}}</th>
              <td>{{inv.name}}</td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

</div>

<div class="modal-footer">
  <button type="button" class="btn btn-secondary" (click)="activeModal.dismiss('close click')">Cerrar</button>
</div>

.modal-body {
  overflow-y: auto;
}