Адаптировать таблицу с изображением

  • 10 Ответов
  • 1118 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Ребят проблема в следующем, при открытии страницы в разрешении 533x853 px и ниже соответственно, таблицы выходят за рамки контента.

Использую фреймворк bootstrap 3 в документации сказано, что бы адаптировать table необходимо присвоить класс .table-responsive

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

Наглядно как это отображается :

Спойлер
[свернуть]

*

AlekVolsk

  • ********
  • 6301
  • 336
<div class="table-responsive">
  <table>
    ...
  </table>
</div>
div по умолчанию должен быть по ширине контейнера родителя, таблица в нем - с горизонтальной прокруткой

<div class="table-responsive">
  <table>
    ...
  </table>
</div>
div по умолчанию должен быть по ширине контейнера родителя, таблица в нем - с горизонтальной прокруткой

 нужно div class="table-responsive' присвоить в разметке шаблона, где выводится модуль HTML?
« Последнее редактирование: 15.07.2015, 14:40:18 от mirstiker »

*

AlekVolsk

  • ********
  • 6301
  • 336
вы таблицу где выводите? в теле модуля? вот там ее и оберните в div

вы таблицу где выводите? в теле модуля? вот там ее и оберните в div

сделал как  написали и все стало хорошо) ловите+ .В теле модуля не нашел table  хочется ему присвоить класс.

Спойлер
[свернуть]


это свойство выводит  таблицы, где ее искать?
« Последнее редактирование: 16.07.2015, 02:19:18 от mirstiker »

*

AlekVolsk

  • ********
  • 6301
  • 336
это - не тело модуля, тело - это то, что вы в редакторе в админке набираете, т.е. выводимый модулем контент

это - не тело модуля, тело - это то, что вы в редакторе в админке набираете, т.е. выводимый модулем контент

с этим разобрался <div class="table-responsive">
, а где класс с таблицами искать, чтобы присвоить  на все страницы ? сделать например так:   <table class="content_table">

Гуру, помогите разобраться в нелегком деле? ::) как добавить свой class к таблицам <table class="Мой класс"> чтобы отображался на всех страницах материала.
« Последнее редактирование: 22.07.2015, 23:47:24 от mirstiker »

*

b2z

  • *****
  • 7449
  • 741
  • Разраблю понемногу
А как Вы добавите везде, если Вы каждый раз таблицу ручками в контент вставляете? Вот когда вставляете, там и добавляйте.

А как Вы добавите везде, если Вы каждый раз таблицу ручками в контент вставляете? Вот когда вставляете, там и добавляйте.

мда решение не из легких т.к придется каждую страницу править, жаль что по другому никак.