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

  • 7 Ответов
  • 326 Просмотров

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

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


используя HTML то что вы мне скинули, я скинул на сайт, и растянул таблицу, так как она слишком маленькая, в итоге тоже самое на мобильном она за границы вылазит...

Родительский контейнер должен иметь:
Код: css
overflow-x: auto;
Ставь лайк, если согласен, и делай репост!

  => мои публикации
    => мои работы
      => спектр моих услуг


<script type= "text/javascript">
$(document).ready(function () {
  $("table").wrap("<div class='table-wrap'></div>");/*-- Обертываем таблицы дивом --*/
});
</script>
<style type="text/css">
.table-wrap{
  overflow:auto;
}
</style>

спасибо а как это вставить в HTML код таблицы? куда именно к примеру: вот таблица <table border="1" style="height: 82px;">
<tbody>
<tr>
<td>&nbsp;56344</td>
<td>&nbsp;43443</td>
<td>&nbsp;46346</td>
</tr>
<tr>
<td>&nbsp;43</td>
<td>&nbsp;436</td>
<td>&nbsp;36463</td>
</tr>
<tr>
<td>&nbsp;43</td>
<td>&nbsp;36</td>
<td>&nbsp;36</td>
</tr>
</tbody>
</table>

*

Оффлайн Gosha5767

Таблицы и адаптивный дизайн рассматривали в
http://joomlaforum.ru/index.php/topic,330188.new.html
Чистка сайта от дублей в Яндекс и Google.
Удаление ссылок (битых и внешних) на сайте.
Миграция Joomla 1.5 до Joomla 3.хх

там не решен вопрос ничего не вышло(