Как исправить выпадающий список в таблице, получая обрезку по контейнеру строк

Question

Я создал ng-template для столбца в моей таблице в angular. Я добавил выпадающую кнопку в этом шаблоне ячейки. Однако, поскольку каждая строка в таблице имеет небольшую высоту, выпадающий список обрезается контейнером строки.

Я пытаюсь вывести кнопку на overflow из ряда.

Я попытался добавить стиль в div, установив overflow в visible, и он не работает. Я также попытался изменить позицию на absolute в раскрывающемся списке. Я думаю, что я могу как-то неправильно это оформить

<ng-template #soldOut let-row="row" let-value="value">
    <div ngbDropdown class="d-inline-block"> 
        <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
        <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
          <button class="dropdown-item">Active</button>
          <button class="dropdown-item">Sold Out</button>
          <button class="dropdown-item">Manually Recheck</button>

        </div>
      </div>
</ng-template>

Вы видите, что остальные опции отключаются.