0

Имеется таблица с прокруткой на flexbox. В первом столбце текст, выходящий за пределы ячейки, скрывается overflow: hidden.

Пример

При попытке обернуть таблицу в дополнительный контейнер flex-direction: row, с целью добавить столбец по высоте таблицы, ширина таблицы нарушается.

Пример 2

В чем ошибка и как ее исправить?

1 ответ 1

0

Попробывать установить ширину таблицы 100% не пробывал?

    .table {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex: 1;
        background: gainsboro;
    }

Вот таким методом выходит, что таблица показывается, как в первом примере!

1
  • Выходит что таблица занимает 100% ширины. А новый столбец с min-width: 40px уходит за пределы. Размер столбца должен быть фиксированным. Использовать calc() я не могу.
    – ldp.n
    18 фев 2017 в 19:09

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.