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

Чтобы сделать адаптивную таблицу в WordPress, можно использовать каскадные таблицы стилей (CSS): www.geeksforgeeks.org

1. На панели управления WordPress перейдите в меню «Внешний вид» > «Редактор тем». www.geeksforgeeks.org
2. Найдите таблицу стилей (обычно называемую style.css), куда будете добавлять свои пользовательские правила CSS. www.geeksforgeeks.org
3. Добавьте следующие правила CSS, чтобы сделать таблицы адаптивными: www.geeksforgeeks.org

@media экран и (максимальная ширина: 600 пикселей) {   таблица {     ширина: 100%;     отображение: блок;     переполнение-x: автоматическое;   } } 

Ещё один способ — использовать плагины WordPress: www.geeksforgeeks.org

1. На панели управления WordPress перейдите в раздел «Плагины» > «Добавить новый». www.geeksforgeeks.org
2. Найдите плагин, например, TablePress. www.geeksforgeeks.org Для этого введите «Адаптивные таблицы» в строку поиска. www.geeksforgeeks.org
3. Установите и активируйте плагин: нажмите «Установить сейчас» для TablePress, затем нажмите «Активировать» после завершения установки. www.geeksforgeeks.org
4. Создайте новую таблицу: перейдите в меню TablePress в левой части экрана, нажмите «Добавить новую таблицу», введите свои данные в поля таблицы и настройте параметры по своему усмотрению. www.geeksforgeeks.org
5. Скопируйте короткий код: после создания таблицы TablePress предоставит короткий код. www.geeksforgeeks.org
6. Добавьте код: скопируйте и вставьте этот шорткод в свой пост или страницу WordPress, где хотите, чтобы отображалась таблица. www.geeksforgeeks.org

Также для создания адаптивных таблиц в WordPress можно использовать плагин WP Table Builder. wptablebuilder.com После создания таблицы нужно нажать на вкладку «Адаптивный» и включить переключатель рядом с «Включить адаптивную таблицу». wptablebuilder.com Затем настроить таблицу для мобильных и планшетных устройств. wptablebuilder.com