Адаптивные таблицы при помощи только CSS стилей! Я уже писал про разные способы сделать таблицы адаптивными. При работе с сайтом...
Адаптивные таблицы при помощи только CSS стилей!
Я уже писал про разные способы сделать таблицы адаптивными. При работе с сайтом клуб-лада.рф получилось сделать адаптивную с горизонтальной прокруткой - только при помощи стилей (на фото - справа внизу).
Вот пример CSS, который был использован:
table border: 1px solid #333333;
width: 100% !important;
overflow: auto !important;
display: block !important;
table tbody display: table !important;
width: 99.9% !important;
Здесь я обвожу таблицу рамкой, чтобы было понятнее, что она не обрезана, а может прокручиваться по горизонтали.
Потом назначаю тегу table ширину 100% и делаю его: http://dikij.com/blogger/2016/?id=18
Я уже писал про разные способы сделать таблицы адаптивными. При работе с сайтом клуб-лада.рф получилось сделать адаптивную с горизонтальной прокруткой - только при помощи стилей (на фото - справа внизу).
Вот пример CSS, который был использован:
table border: 1px solid #333333;
width: 100% !important;
overflow: auto !important;
display: block !important;
table tbody display: table !important;
width: 99.9% !important;
Здесь я обвожу таблицу рамкой, чтобы было понятнее, что она не обрезана, а может прокручиваться по горизонтали.
Потом назначаю тегу table ширину 100% и делаю его: http://dikij.com/blogger/2016/?id=18
Комментарии
Отправить комментарий