Как создать фиксированный столбец в Bootstrap 4 при использовании таблицы? - PullRequest
Новая
       33

Как создать фиксированный столбец в Bootstrap 4 при использовании таблицы?

0 голосов
/ 23 марта 2020

У меня есть Bootstrap 4 макет с двумя столбцами. Первый столбец - это боковая панель, которая не должна меняться при изменении размера окна. Второй столбец содержит содержимое. Обычно это работает, но не тогда, когда второй столбец содержит таблицу.

Здесь таблица разбита на следующую «строку» или строку. Ожидаемое поведение состояло в том, что table-responsive принимает таблицу с и делает ее прокручиваемой. Но это не так ... 

  <div class="col-auto bg-danger h-100">
      <div class="bg-danger" style="width:100px">
        Sidebar
      </div>
  </div

  <div class="col bg-success h-100">
      <div class="table-responsive">
        <table class="table">
          <thead>
            <tr>
              <th style="width:100px; min-width:100px">
                  1
              </th>
              <th style="width:100px; min-width:100px">
                  2
              </th>
              <th style="width:100px; min-width:100px">
                  3
              </th>
            </tr>
          </thead>
        </table>
      </div>
  </div>
</div>

Пожалуйста, смотрите здесь https://stackblitz.com/edit/angular-qgtfi5

Пожалуйста, кто-нибудь может подскажите что я делаю не так и как это можно исправить?

Thx!

...