Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

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


Recommended Posts

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites


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

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

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

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

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

Link to comment
Share on other sites


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

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

им и ик стоит 100% липотому что я понял не ик.

image.png.6a8893121560d85bc722177f56366638.png

Link to comment
Share on other sites


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>

 

Link to comment
Share on other sites


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

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

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

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.