Table-Responsive на маленьком экране ноутбука?

Question

[Andrei_99]

Как сделать так чтобы на маленьком экране ноутбука ,таблица отображалось как на телефоне с table-responsive
Вот как выглядит эта на ноутбуке.

Answer 1

[ReaverJS]

Брейкпоинты тут не помогут - они лишь указывают с какого разрешения табличка МОЖЕТ скролиться. Но т.к. контент по-факту и так влезает - то будут сжиматься колонки.

Как вариант - указывать минимальный размер самой таблицы внутри table-responsive.

Comments

[Andrei_99]

Вставил этот css код responsive для ноутбука есть но колонки всё равно сжимаются

[ReaverJS]

Andrei_99, ну увеличьте min-width у колонки.

[Andrei_99]

ReaverJS, спасибо

Answer 2

[Сергей Куплетский]

Попробуйте класс .table-responsive-md.

Это изменит разрешение с которого начинается "отзывчивое" разрешение.

Подробнее в документации:
https://getbootstrap.com/docs/4.0/content/tables/#...

Answer 3

[Froggyweb]

качественных и универсальных решений нет вообще для таблиц. Нужно выбирать из 2/3 зол меньшее