Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Сделать большую таблицу адаптивной


RomanZUB

Recommended Posts

Встречал на просторах сайты где таблицы не сжимаются на мобильном, а влево двигаются пальцем для полного просмотра.  

Есть ли какое-то решение сделать также в движку 2.1.хххх

Надіслати
Поділитися на інших сайтах


Не имеет значение версия. Нужно обернуть таблицу в :
<div style="overflow-x:auto;">
  <table>
    ...Здесь таблица .....
  </table>
</div>

Надіслати
Поділитися на інших сайтах

4 minutes ago, Tom said:

Не имеет значение версия. Нужно обернуть таблицу в :
<div style="overflow-x:auto;">
  <table>
    ...Здесь таблица .....
  </table>
</div>

 

не помогло, оборачивал так:

<script>
            jQuery(document).ready(function ($) {
                $('table').wrap('<div style="overflow-x:auto;"></div>');
            });
</script>

Надіслати
Поділитися на інших сайтах


28 минут назад, RomanZUB сказал:

Встречал на просторах сайты где таблицы не сжимаются на мобильном, а влево двигаются пальцем для полного просмотра.  

Есть ли какое-то решение сделать также в движку 2.1.хххх

 

да, есть решение.

 

оборачиваем в div, вот так:

<div class="table-responsive">

<table class="table table-bordered table-striped table-hover">

.....

</table>

</div>

 

.table-responsive и другие классы - это стили из CSS Bootstrap 3, который в OP2+ есть

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.