Работаем над улучшением юзабилити сайта. На странице есть таблица, выводящая значения из инфоблока, порядка 20 свойств. Её минус – она слишком широкая (12 колонок), приходится ее горизонтально скроллить, и некоторым пользователям это не слишком удобно.
Поэтому нам нужно сделать переключатель, который смог бы эту таблицу переключить в компактный вид, то есть сложить в одну колонку. Сейчас таблица адаптируется и складывается в одну колонку через свойство data-label и чисто визуально нас это устраивает, однако есть один нюанс – адаптивность включается только при вьюпорте/медиазапросе ширины страницы меньше 600 пикселей (некоторые свойства css изменяем), а нам нужно, чтобы она получала такую внешность и полной ширине страницы (1440px). То есть переключатель должен эти свойства менять на как будто бы компактные
Жду предложений сотрудничества и ваш способ решения задачи
Посмотреть
- работаем пока над таблицей №17 Образовательные программы