@kaleon

Как сделать адаптивную таблицу на Material-UI?

Нужно доработать таблицу, чтобы в на мобильных устройствах выводило в строчку по два.
https://codesandbox.io/s/dywbw

Как это должно выглядеть в мобильной версии:
Desert Frozen yoghurt
Calories 159
Fat 6
Carbs 24
Protein 4
  • Вопрос задан
  • 320 просмотров
Решения вопроса 1
GreyCrew
@GreyCrew
Full-stack developer
Тут надо условие сделать на размер экрана, и по нему подставлять нужные данные в таблицу.

*Храните в state текущие данные таблицы и размер экрана.
*Создайте событие updateDimensions, в котором по событию изменения экрана (window.innerWidth) обновляете state с новыми данными.

Пример события изменения экрана
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы