Адаптивная обёртка таблицы на jQuery
Пополняем статьи небольшими заметками, которые могут пригодиться когда-либо.
Сегодня добавляем небольшой скрипт для добавления тэгу таблиц table див-обёртку с определенным стилем, при определенном разрешении экрана.
<script>
jQuery(document).ready(function($) {
if ($(window).width() < 426) {
$('table').wrap('<div style="overflow-x:auto;"></div>');
}
});
</script>
Конкретно данный вариант помогает избавиться от лишнего скрола таблиц, которые не редко становятся головной болью при адаптивной верстке.