Проблема с таблицей boostrap 4 внутри карты

Question

Это моя проблема

Ошибка фотографии

Как вы видите, я не знаю, почему таблица получает этот формат внутри карты. Мне нужно, чтобы таблица была центрирована или, по крайней мере, не показывала то пустое пространство, которое показывает в это время ... это мой код (я использую угловой 6)

<div class="row">
          <div class="col-md-6">
            <div class="header">
              <h4 style="padding:10px" class="title">Dispositivo de Ejecucion</h4>
            </div>
            <div>
              <table class="table table-bordered table-condensed table-responsive ">
                <thead class="thead-dark">
                  <tr>
                    <th>Marca</th>
                    <th>Sistema Operativo</th>
                    <th>Version</th>
                    <th>Modelo</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>{{dispositivoCdp[0].nombredispositivo}}</td>
                    <td>{{dispositivoCdp[0].sistema_operativo}}</td>
                    <td>{{dispositivoCdp[0].version}}</td>
                    <td>{{dispositivoCdp[0].modelo}}</td>
                  </tr>
                </tbody>

              </table>
            </div>


          </div>

          <div class="col-md-6 justify-content-center">

                <div class="header">
                    <h4 style="padding:10px" class="title">Tiempo de Ejecucion</h4>
                  </div>

                <table class="  table table-bordered table-responsive ">
                    <thead class="thead-dark">
                      <tr>
                        <th>Inicio</th>
                        <th>Fin</th>
                        <th>Duracion</th>
                      </tr>
                    </thead>

                    <tbody>
                      <tr>
                          <td>{{dispositivoCdp[0].nombredispositivo}}</td>
                          <td>{{dispositivoCdp[0].sistema_operativo}}</td>
                          <td>{{dispositivoCdp[0].version}}</td>

                      </tr>
                    </tbody>

                  </table>
          </div>

        </div>

Есть какие-либо предположения о том, что я делаю неправильно? я пытаюсь использовать table-sm внутри класса таблицы, но я не получаю никаких результатов

Answer 1

Используйте это

 <table class="table table-bordered table-condensed table-responsive" style="display:table">

Answer 2

Попробуйте удалить «таблично-отзывчивый» в вашем классе. Я думаю, что это решит вашу проблему.