Gå til hovedindhold

Gør dine WordPress Thing HTML-tabeller responsiv på mobil

Den responsive tilstand er noget afgørende for at vise HTML-tabeller på WordPress Thing, med nogle gange lille plads på dit layout, uanset om du er på desktop eller på små enheder (mobiler, tablets). WP Table Manager har 3 responsive tilstande: Scrolling, Hiding Cols og Repeated header med flere responsive indstillinger.
For flere funktioner, gå tilbage til hovedplugin-siden >

Responsivt tabel ved brug af skjulte kolonner og visningsprioritet

Responsivt tabel ved brug af skjulte kolonner og visningsprioritet

Denne WP Table Manager responsive tilstand er den mest og mest tilpasselige. Din tabel vises med en kolonneudvælgelse sorteret efter prioritet, de andre er skjulte, afhængigt af den tilgængelige bredde. Du kan tvinge en kolonnevisning i enhver skærmstørrelse ved at bruge en menu med afkrydsningsfelt.

Responsiv tabel ved brug af dataheader-gruppemodus

Dette tabells responsive tilstand viser, når en bestemt skærmbredde er nået, en række data under headerinformationen. Du kan indstille et specifikt responsivt breakpoint (bredde) og maksimal højde for hver tabel, hvilket er meget praktisk afhængigt af, hvor din tabel er placeret.

Responsiv tabel ved brug af dataheader-gruppemodus
Responsiv tabel med rulning

Responsiv tabel med rulning

Den rullende responsive tilstand fastsætter tabelbredde og -højde og viser derefter overløb, både vandret og lodret. Den vandrette rulning afhænger af din indholdsbredd og du kan vælge, hvor mange kolonner der fryses under rulning.

Sådan vælger du den rigtige responsive tilstand for dine HTML‑tabeller

Alle de responsive tilstande, der er listet her, kan bruges med celle- eller kolonnefrysning og tabeller med fast bredde og højde. Alle de responsive tilstande kan være relevante afhængigt af de viste data og de mest anvendte enheder.

Sådan vælger du den rigtige responsive tilstand for dine HTML‑tabeller

WP Table Manager, responsive tabeller i video

WP Table Manager Plugin Priser

Deltag i vores 60.000+ medlemmer & få support og nye versionopdateringer


199$
I stedet for 421$

WORDPRESS THING PAKKE

Bundlen giver adgang til ALLE WordPress Thing plugins og kan bruges på ubegrænset antal hjemmesider. Derudover vil du have fuld adgang til teknisk support og opdateringer på hver plugin for hele året. 
Tiden er nu! Forøg din effektivitet og få en konkurrencefordel. Giv Bundlen en chance.

wordpress thing bundel

Seneste vidnesbyrd og vurderinger

Gennemsnitlig vurdering for WP Table Manager, JoomUnited er 4,9 Stjerne ud af 5 stjerner - baseret på 66 Anmeldelser

FAQ: WordPress Thing HTML-tabeller responsive på mobil

Hvilke responsive tilstande tilbyder WP Table Manager til mobile tabeller?

WP Table Manager har tre responsive tilstande: Rulning, Skjul kolonner og Gentaget overskrift (Data Header Group), som hver tilpasser tabelvisningen forskelligt afhængigt af skærmstørrelsen.

Hvordan fungerer den responsive tilstand for skjulning af kolonner?

I denne tilstand prioriteres og skjules kolonner baseret på den tilgængelige skærmbredde, med en mulighed for brugerne til manuelt at vise eller skjule kolonner ved hjælp af en afkrydsningsmenu.

Hvad er den responsive tilstand for dataheader-gruppen?

Denne tilstand omdanner tabelrækker til grupperede header- og datablokke, når skærmbredden er lille, så indholdet kan vises i et mere læsbart stablet format.

Hvordan fungerer den rullende responsive tilstand?

Rullende tilstand indstiller fast tabelbredde og -højde, hvilket muliggør vandret og lodret rulning med muligheder for at fryse et antal kolonner under vandret rulning.

Kan tabelceller eller kolonner fryses i responsiv tilstand?

Ja, alle responsive tilstande kan bruge celle- eller kolonnefrysning for at holde nøgledata synlige, mens du ruller eller justerer tabellen på mindre skærme.

Hvordan vælger jeg den bedste responsive tilstand for mine tabeller?

Valget afhænger af din datatype og typisk enhedsbrug. Rulning passer til brede tabeller, skjulte kolonner er gode til hierarkisk indhold, og dataheader-gruppetilstand er ideel til læsbarhed på smalle skærme.

Deadlock found when trying to get lock; try restarting transaction (500 Whoops, looks like something went wrong.)

mysqli_sql_exception

HTTP 500 Whoops, looks like something went wrong.

Deadlock found when trying to get lock; try restarting transaction

Exception

mysqli_sql_exception

Show exception properties
mysqli_sql_exception {#896
  #sqlstate: "40001"
}
  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:
Deadlock found when trying to get lock; try restarting transaction

  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}()