Переполненный родительский div, скрывающий мой первый столбец таблицы - PullRequest
Новая
       0

Переполненный родительский div, скрывающий мой первый столбец таблицы

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

У меня есть таблица с полосой прокрутки. Мой JSX: 

<div className="plan-table-section responsive-table-div">
        <table className="table table-striped table-bordered table-sm table-hover ">
          <thead className="thead-dark">
            <tr>
            ............
            </tr>
          </thead>
          <tbody className="table-hover">
           ........................
          </tbody>
        </table>
      </div>

Мой S CSS для этого класса отзывчивый-div-таблицы : 

.responsive-table-div {
  overflow-x: auto;
}

Я получил правильную полосу прокрутки, но моя Первый столбец почему-то скрывается, когда я уменьшаю размер экрана (такова идея использования полосы прокрутки)

Вот 2 примера. Обычный экран: enter image description here

Меньший экран с полосой прокрутки: enter image description here

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

...