DARTHARTH

Адаптивная обёртка таблицы на jQuery

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

Сегодня добавляем небольшой скрипт для добавления тэгу таблиц table див-обёртку с определенным стилем, при определенном разрешении экрана.

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

Конкретно данный вариант помогает избавиться от лишнего скрола таблиц, которые не редко становятся головной болью при адаптивной верстке.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Scroll Up