Как таблицу оптимизировать для мобильной версии

[soft777kolyan]

Здравствуйте могли бы вы помочь? Как таблицу оптимизировать для мобильной версии?

[esculapra]

в шаблоне укажи table width="100%", и для td (или th- может и такое быть) назначь width. то есть баблица принимает значпение экрана, а табы будут вычисляться в процентах от таблицы

[matroskin92]

Таблица это не адаптивная история, есть возможность их горизонтального скролла

https://getbootstrap.com/docs/3.3/css/#tables-responsive

https://getbootstrap.com/docs/4.5/content/tables/#responsive-tables

[soft777kolyan]

22 минуты назад, esculapra сказал:

в шаблоне укажи table width="100%", и для td (или th- может и такое быть) назначь width. то есть баблица принимает значпение экрана, а табы будут вычисляться в процентах от таблицы

А где это можно найти? 

[esculapra]

3 минуты назад, matroskin92 сказал:

Таблица это не адаптивная история

почему нет? если указать размеры, то браузер все нормально вычисляет. ясен пень - лучше в дивах организовать.

[esculapra]

1 минуту назад, soft777kolyan сказал:

А где это можно найти? 

в шаблонах view/template и т.п. я ж не знаю где у тебя эта таблица находится.

[soft777kolyan]

7 минут назад, matroskin92 сказал:

Таблица это не адаптивная история, есть возможность их горизонтального скролла

https://getbootstrap.com/docs/3.3/css/#tables-responsive

https://getbootstrap.com/docs/4.5/content/tables/#responsive-tables

Может модуль есть? Я в коде не соображаю(

[soft777kolyan]

13 минут назад, esculapra сказал:

в шаблонах view/template и т.п. я ж не знаю где у тебя эта таблица находится.

там и так стоит 100% либо я понял не так.

[soft777kolyan]

44 минуты назад, matroskin92 сказал:

Таблица это не адаптивная история, есть возможность их горизонтального скролла

https://getbootstrap.com/docs/3.3/css/#tables-responsive

https://getbootstrap.com/docs/4.5/content/tables/#responsive-tables

Спасибо большое помогли все скролится 

Добавил этот код

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

 

[matroskin92]

8 часов назад, esculapra сказал:

почему нет? если указать размеры, то браузер все нормально вычисляет. ясен пень - лучше в дивах организовать.

Потому что нельзя уместить в маленькое количество пространство так много данных.

С таблицами практически всегда вариант один - это горизонтальный скролл.