Přeskočit na hlavní obsah

Udělejte své WordPress Thing HTML tabulky responzivní na mobilu

Režim responzivity je něco zásadního pro zobrazování HTML tabulek na WordPress Thing, s někdy malým prostorem ve vašem rozvržení, ať jste na desktopu nebo na malých zařízeních (mobily, tablety). WP Table Manager má 3 responzivní režimy: Posouvání, Skrytí sloupců a Opakovaná hlavička s několika responzivními nastaveními.
Pro více funkcí, vrátit se na hlavní stránku pluginu >

Responzivní tabulka používající skrytí sloupců a prioritu zobrazení

Responzivní tabulka používající skrytí sloupců a prioritu zobrazení

Tento režim responzivního WP Table Manager je nejvíce a nejvíce přizpůsobitelný. Vaše tabulka je zobrazena s výběrem sloupců uspořádaných podle priority, ostatní jsou skryté, podle dostupné šířky. Můžete vynutit zobrazení sloupce při jakékoli velikosti obrazovky pomocí nabídky s zaškrtávacím políčkem.

Responsivní tabulka používající režim skupiny záhlaví dat

Tento režim responzivního zobrazení tabulky zobrazuje, jakmile je dosaženo určité šířky obrazovky, řádková data pod informacemi záhlaví. Můžete nastavit konkrétní responzivní bod přerušení (šířka) a maximální výšku tabulky pro každou tabulku, což je velmi pohodlné v závislosti na tom, kde je tabulka umístěna.

Responsivní tabulka používající režim skupiny záhlaví dat
Responzivní tabulka s posouváním

Responzivní tabulka s posouváním

Režim responzivního posouvání opravuje šířku a výšku tabulky a poté zobrazuje přetečení, jak vodorovné, tak svislé. Vodorovné posouvání bude záviset na šířce vašeho obsahu a můžete vybrat, kolik sloupců bude během posouvání zmraženo.

Jak vybrat správný responzivní režim pro vaše HTML tabulky

Všechny zde uvedené režimy responzivity lze použít s zamrazením buněk nebo sloupců a s tabulkami pevné šířky a výšky. Všechny režimy responzivity mohou být relevantní v závislosti na zobrazovaných datech a nejčastěji používaných zařízeních.

Jak vybrat správný responzivní režim pro vaše HTML tabulky

WP Table Manager, responzivní tabulky ve videu

Ceny pluginu WP Table Manager

Připojte se k našim 60 000+ členům & získejte podporu a aktualizace nové verze


199$
Místo 421$
ZÍSKEJTE
WORDPRESS THING BALÍČEK

Sada poskytuje přístup k všem WordPress Thing pluginům a lze ji použít na neomezeném počtu webových stránek. Kromě toho budete mít plný přístup k technické podpoře a aktualizacím pro každý plugin pro celý rok. 
Čas je nyní! Zvyšte svou efektivitu a získejte konkurenční výhodu. Vyzkoušejte Sadu.

wordpress thing balíček

Nedávná svědectví a hodnocení

Průměrné hodnocení pro WP Table Manager, JoomUnited je 4,9 Hvězdička z 5 hvězdiček - na základě 66 Recenzí

FAQ: WordPress Thing HTML tabulky responzivní na mobilu

Jaké responzivní režimy nabízí WP Table Manager pro mobilní tabulky?

WP Table Manager má tři responzivní režimy: Posouvání, Skrytí sloupců a Opakovaný záhlaví (Skupina datových záhlaví), přičemž každý přizpůsobuje zobrazení tabulky odlišně podle velikosti obrazovky.

Jak funguje responzivní režim skrytí sloupců?

V tomto režimu jsou sloupce upřednostňovány a skryty podle dostupné šířky obrazovky, s možností, aby uživatelé ručně zobrazili nebo skryli sloupce pomocí nabídky s zaškrtávacími políčky.

Co je režim responzivního seskupování hlaviček dat?

Tento režim převádí řádky tabulky na seskupené bloky hlaviček a dat, když je šířka obrazovky malá, což umožňuje zobrazit obsah ve čitelnějším vrstveném formátu.

Jak funguje responzivní režim posouvání?

Režim posouvání nastavuje pevnou šířku a výšku tabulky, umožňuje horizontální a vertikální posouvání s možností zmrazit několik sloupců během horizontálního posunu.

Lze v responzivním režimu zmrazit buňky nebo sloupce tabulky?

Ano, všechny responzivní režimy mohou použít zmrazení buněk nebo sloupců, aby klíčová data zůstala viditelná při posouvání nebo úpravě tabulky na menších obrazovkách.

Jak si vyberu nejlepší responzivní režim pro své tabulky?

Volba závisí na typu vašich dat a typickém použití zařízení. Posouvání vyhovuje širokým tabulkám, skrývání sloupců je vhodné pro hierarchický obsah a režim seskupování záhlaví dat je ideální pro čitelnost na úzkých obrazovkách.

Duplicate entry 'e60381473f15a637e39772d4f26ce283-cs' 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 'e60381473f15a637e39772d4f26ce283-cs' 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 'e60381473f15a637e39772d4f26ce283-cs' 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}()