just_guy95
@just_guy95
Bitrix 1C

Как сделать навигацию для таблицы в виде кнопок?

Добрый день!
Сейчас имеется такая таблица:
5e69fc97daca0616829639.png

Необходимо добавить кнопки навигации, и работать они должны так: при нажатии на кнопку пролистывание должно быть ровно до следующей колонки:
5e69fd39f1cbd115775799.jpeg

Как реализовать?
  • Вопрос задан
  • 90 просмотров
Пригласить эксперта
Ответы на вопрос 2
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
Берёте Swiper, настраиваете дизайн, количество колонок, левую панель и слайдер - соединяете через флексы и/или гриды, фиксируете размеры, высоту, и всё норм. Внутренние блоки верстаете через флексы, например. Добавляете фиксированную высоту для каждого поля - относительно пунктов в левой(синей) панели.
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn
CEO iAmStudio, предприниматель.
Как по мне, самый безболезненный в плане верстки и расчетов способ: взять либу типа Vue и крутить массив со значениями + transition-group (для появления\исчезновения td-шек), либо то же самое, но на ванилке накатать (ни один фреймворк не может больше того, что умеет сам JS, просто там уже накатаны те подходы и методы, которые ты не захочешь реализовать сам).

При таком подходе не придется считать размеры относительно друг-друга, хотя при очень разном контенте таблица будет прыгать по высоте. Впрочем, она в любом случае будет прыгать. Можно смягчить чем-то в духе свойства css transition: all .5s.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 ₽
RUVOD Москва
от 150 000 до 200 000 ₽
eGamings Воронеж
от 80 000 до 110 000 ₽
08 апр. 2020, в 22:52
5000 руб./за проект
08 апр. 2020, в 21:19
10000 руб./за проект
08 апр. 2020, в 20:18
35000 руб./за проект