Перейти к основному содержанию

Сделайте ваши WordPress Thing HTML‑таблицы адаптивными на мобильных устройствах

Режим адаптивности — это важный элемент для отображения HTML‑таблиц на WordPress Thing, с иногда небольшим пространством в вашем макете, независимо от того, используете ли вы настольный компьютер или небольшие устройства (мобильные, планшеты). WP Table Manager имеет 3 адаптивных режима: Прокрутка, Скрытие столбцов и Повторяющийся заголовок с несколькими адаптивными настройками.
Для получения дополнительных функций, вернуться к основной странице плагина >

Адаптивная таблица с скрытием столбцов и приоритетом отображения

Адаптивная таблица с скрытием столбцов и приоритетом отображения

Этот режим адаптивности WP Table Manager является самым и наиболее настраиваемым. Ваша таблица отображается с выбором столбцов, упорядоченных по приоритету, остальные скрыты, в зависимости от доступной ширины. Вы можете принудительно отобразить столбец любого размера экрана, используя меню с флажком.

Адаптивная таблица с режимом группировки заголовков данных

Этот режим адаптивности таблицы отображает, когда достигается определённая ширина экрана, данные строки под заголовком. Вы можете установить определённую точку переключения (ширину) и максимальную высоту таблицы для каждой таблицы, что очень удобно в зависимости от места размещения вашей таблицы.

Адаптивная таблица с режимом группировки заголовков данных
Адаптивная таблица с прокруткой

Адаптивная таблица с прокруткой

Режим адаптивной прокрутки фиксирует ширину и высоту таблицы, а затем отображает переполнения, как горизонтальные, так и вертикальные. Горизонтальная прокрутка будет зависеть от ширины вашего контента, и вы можете выбрать, сколько столбцов будет заморожено при прокрутке.

Как выбрать правильный адаптивный режим для ваших HTML‑таблиц

Все перечисленные здесь адаптивные режимы можно использовать с заморозкой ячеек или столбцов и фиксированной шириной и высотой таблиц. Все адаптивные режимы могут быть актуальны в зависимости от отображаемых данных и наиболее часто используемых устройств.

Как выбрать правильный адаптивный режим для ваших HTML‑таблиц

WP Table Manager, адаптивные таблицы в видео

Цены плагина WP Table Manager

Присоединяйтесь к нам 60,000+ участников & получайте поддержку и обновления новых версий


199$
ВМЕСТО 421$
ПОЛУЧИТЬ
WORDPRESS THING НАБОР

Пакет дает доступ к ВСЕМ WordPress Thing плагинам и может быть использован на неограниченном количестве сайтов. Кроме того, у вас будет полный доступ к технической поддержке и обновлениям для каждого плагина на весь год. 
Время пришло! Повышайте эффективность и получайте конкурентное преимущество. Попробуйте Пакет.

wordpress thing пакет

Последние отзывы и оценки

Пользователь плагина? Добавьте свой отзыв >>

Средний рейтинг для WP Table Manager, JoomUnited равен 4.9 Звезда из 5 звезд - на основе 66 Отзывов

FAQ: WordPress Thing HTML Таблицы адаптивные на мобильных

Какие режимы адаптивности предлагает WP Table Manager для мобильных таблиц?

WP Table Manager имеет три адаптивных режима: Прокрутка, Скрытие столбцов и Повторяющийся заголовок (Группа заголовков данных), каждый из которых по‑разному адаптирует отображение таблицы в зависимости от размера экрана.

Как работает адаптивный режим скрытия столбцов?

В этом режиме столбцы приоритизируются и скрываются в зависимости от доступной ширины экрана, при этом пользователи могут вручную показывать или скрывать столбцы с помощью меню с флажками.

Что такое адаптивный режим группы заголовков данных?

Этот режим преобразует строки таблицы в сгруппированные заголовки и блоки данных, когда ширина экрана мала, позволяя отображать содержимое в более читаемом свернутом виде.

Как работает режим адаптивной прокрутки?

Режим прокрутки задает фиксированную ширину и высоту таблицы, позволяя горизонтальную и вертикальную прокрутку с возможностью заморозить несколько столбцов во время горизонтальной прокрутки.

Можно ли заморозить ячейки или столбцы таблицы в адаптивном режиме?

Да, все адаптивные режимы могут использовать заморозку ячеек или столбцов, чтобы ключевые данные оставались видимыми при прокрутке или настройке таблицы на небольших экранах.

Как выбрать лучший адаптивный режим для моих таблиц?

Выбор зависит от типа ваших данных и типичного использования устройства. Прокрутка подходит для широких таблиц, скрытие столбцов полезно для иерархического контента, а режим группировки заголовков данных идеален для читаемости на узких экранах.

Duplicate entry '49263e4176ff53f5ff1efff72d6df4fb-ru' for key 'bk24_linguise_urls.hash_translation' (500 Whoops, looks like something went wrong.)

mysqli_sql_exception

HTTP 500 Whoops, looks like something went wrong.

Duplicate entry '49263e4176ff53f5ff1efff72d6df4fb-ru' for key 'bk24_linguise_urls.hash_translation'

Exception

mysqli_sql_exception

Show exception properties
mysqli_sql_exception {#896
  #sqlstate: "23000"
}
  1. foreach ($urls as $translation => $source) {
  2. $elements[] = '("'.mysqli_real_escape_string($this->_database, Request::getInstance()->getLanguage()).'", "'.mysqli_real_escape_string($this->_database, $source).'", "'.mysqli_real_escape_string($this->_database, $translation).'", "'.md5($source).'", "'.md5($translation).'")';
  3. }
  4. $query .= implode(',', $elements);
  5. $query .= ' ON DUPLICATE KEY UPDATE source=VALUES(source), translation=VALUES(translation), hash_source=VALUES(hash_source), hash_translation=VALUES(hash_translation)';
  6. $this->_database->query($query);
  7. }
  8. public function removeUrls($urls)
  9. {
  10. $query = 'DELETE FROM '.mysqli_real_escape_string($this->_database, $this->_database_table_urls).' WHERE (hash_source) IN ';
  1. foreach ($urls as $translation => $source) {
  2. $elements[] = '("'.mysqli_real_escape_string($this->_database, Request::getInstance()->getLanguage()).'", "'.mysqli_real_escape_string($this->_database, $source).'", "'.mysqli_real_escape_string($this->_database, $translation).'", "'.md5($source).'", "'.md5($translation).'")';
  3. }
  4. $query .= implode(',', $elements);
  5. $query .= ' ON DUPLICATE KEY UPDATE source=VALUES(source), translation=VALUES(translation), hash_source=VALUES(hash_source), hash_translation=VALUES(hash_translation)';
  6. $this->_database->query($query);
  7. }
  8. public function removeUrls($urls)
  9. {
  10. $query = 'DELETE FROM '.mysqli_real_escape_string($this->_database, $this->_database_table_urls).' WHERE (hash_source) IN ';
  1. public function saveUrls($urls) {
  2. if (empty($urls)) {
  3. return;
  4. }
  5. return $this->_database->saveUrls($urls);
  6. }
  7. public function removeUrls($urls) {
  8. if (empty($urls)) {
  9. return;
  1. if (isset($result->url_translations)) {
  2. Defer::getInstance()->defer(function() use ($result) {
  3. $new_urls = $result->url_translations;
  4. $new_urls = get_object_vars($new_urls);
  5. Database::getInstance()->saveUrls((array)$new_urls);
  6. });
  7. }
  8. if (isset($result->urls_untranslated)) {
  9. Defer::getInstance()->defer(function() use ($result) {
Translation->Linguise\Script\Core\{closure}()
  1. }
  2. public function finalize()
  3. {
  4. foreach ($this->_actions as $action) {
  5. call_user_func($action['function'], $action['args']);
  6. }
  7. }
  8. }
  1. Helper::prepareDataDir();
  2. // Finalize defer actions on shutdown
  3. // @codeCoverageIgnoreStart
  4. register_shutdown_function(function() {
  5. Defer::getInstance()->finalize();
  6. Database::getInstance()->close();
  7. });
  8. // @codeCoverageIgnoreEnd
  9. }
Processor->Linguise\Script\Core\{closure}()

Stack Trace

mysqli_sql_exception
mysqli_sql_exception:
Duplicate entry '49263e4176ff53f5ff1efff72d6df4fb-ru' for key 'bk24_linguise_urls.hash_translation'

  at /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Databases/Mysql.php:170
  at mysqli->query()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Databases/Mysql.php:170)
  at Linguise\Script\Core\Databases\Mysql->saveUrls()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Database.php:232)
  at Linguise\Script\Core\Database->saveUrls()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Translation.php:119)
  at Linguise\Script\Core\Translation->Linguise\Script\Core\{closure}()
  at call_user_func()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Defer.php:42)
  at Linguise\Script\Core\Defer->finalize()
     (/var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Processor.php:31)
  at Linguise\Script\Core\Processor->Linguise\Script\Core\{closure}()