Как сохранить фиксированную высоту столбца при изменении длины внутренней таблицы?

Question

У меня есть статус покупок, отображаемый на моем HTML. Я использую Bootstrap, чтобы создать строку и столбцы. И я использую Ajax, чтобы получить данные для обновления таблицы. Таблица будет удаляться и обновляться каждые 3 секунды. Однако после обновления таблицы на экране отобразится «fla sh». Похоже, что из-за изменения размера таблицы столбцы снова изменят размер.

тест. html

<div class="container custom-container-width" style="text-align=center;" >
  <div class="row gap-buffer"  >
    {% for customer in Customer %}
    <div class="col-sm-3 p-3  gap-buffer " style="background-color:white;box-shadow: 10px 10px 5px grey; "  >
        <div class="profilesize">
            <img src="{{ MEDIA_URL }}/{{customer.uuid}}/{{customer.uuid}}.jpeg" width=192 height=108 >
        </div>
        <br>
          <div>
            <div class="table-responsive" id="createTable" >
               <div id="myDynamicTable" class="table-responsive"></div>
                <br>
                <P><strong>Total:</strong></P>
            </div>
        </div>
    </div>
    {% endfor %}
  </div>

Что я могу добавить в свой файл css, чтобы сначала исправить размер столбца, даже если в нем нет таблицы? Я не хочу, чтобы высота столбца увеличивалась при увеличении содержимого таблицы.
Я знаю, что добавить скроллер в таблицу можно следующим образом:

test. css

 .table-shape{
    overflow-y: scroll;
    overflow-x: scroll;
    }

Кто-нибудь может мне помочь? спасибо!