Ga naar hoofdinhoud

Maak uw WordPress Thing HTML-tabellen responsief op mobiel

De responsieve modus is iets cruciaals om HTML-tabellen weer te geven op WordPress Thing, met soms weinig ruimte op je lay-out of je nu op een desktop of op kleine apparaten (mobielen, tablets) werkt. WP Table Manager heeft 3 responsieve modi: Scrollen, Kolommen verbergen en Herhaalde header met verschillende responsieve instellingen.
Voor meer functies, ga terug naar de hoofd‑pluginpagina >

Responsieve tabel met kolomverbergen en weergaveprioriteit

Responsieve tabel met kolomverbergen en weergaveprioriteit

Deze WP Table Manager responsieve modus is de meest en meest aanpasbare. Uw tabel wordt weergegeven met een kolomselectie gesorteerd op prioriteit, de andere worden verborgen, afhankelijk van de beschikbare breedte. U kunt een kolomweergave forceren op elke schermgrootte met een menu met selectievakje.

Responsieve tabel met dataheader-groepmodus

Deze responsieve modus van de tabel toont, zodra een bepaalde schermbreedte is bereikt, rijgegevens onder de headerinformatie. Je kunt een specifiek responsief breekpunt (breedte) en maximale tabelhoogte voor elke tabel instellen, wat zeer handig is, afhankelijk van waar je tabel geplaatst is.

Responsieve tabel met dataheader-groepmodus
Responsieve tabel met scrollen

Responsieve tabel met scrollen

De scroll-responsieve modus stelt de tabelbreedte en -hoogte vast en toont vervolgens overloop, zowel horizontaal als verticaal. Het horizontale scrollen hangt af van de breedte van uw inhoud en u kunt selecteren hoeveel kolommen bevroren blijven tijdens het scrollen.

Hoe kies je de juiste responsieve modus voor uw HTML-tabellen

Alle hier vermelde responsieve modi kunnen worden gebruikt met cel- of kolombevriezing en tabellen met vaste breedte en hoogte. Alle responsieve modi kunnen relevant zijn, afhankelijk van de weergegeven gegevens en de meest gebruikte apparaten.

Hoe kies je de juiste responsieve modus voor uw HTML-tabellen

WP Table Manager, responsieve tabellen in Video

WP Table Manager Plugin Prijzen

Word lid van onze 60,000+ leden & krijg ondersteuning en nieuwe versie‑updates


199$
In plaats van 421$
HAAL DE
WORDPRESS THING BUNDEL

De bundel geeft toegang tot ALLE WordPress Thing plug-ins en kan worden gebruikt op onbeperkte websites. Bovendien heb je volledige toegang tot technische ondersteuning en updates voor elke plug-in gedurende het hele jaar. 
De tijd is nu! Verhoog je efficiëntie en krijg dat concurrentievoordeel. Probeer de bundel.

wordpress thing bundel

Recente getuigenissen & beoordelingen

Gemiddelde beoordeling voor WP Table Manager, JoomUnited is 4.9 Ster van 5 sterren - gebaseerd op 66 Beoordelingen

FAQ: WordPress Thing HTML-tabellen responsief op mobiel

Welke responsieve modi biedt WP Table Manager voor mobiele tabellen?

WP Table Manager heeft drie responsieve modi: scrollen, kolommen verbergen en herhaalde kop (gegevenskopgroep), elk past de weergave van de tabel anders aan op basis van de schermgrootte.

Hoe werkt de responsieve modus voor het verbergen van kolommen?

In deze modus worden kolommen geprioriteerd en verborgen op basis van de beschikbare schermbreedte, met een optie voor gebruikers om kolommen handmatig te tonen of te verbergen via een selectievakmenu.

Wat is de responsieve modus voor de gegevenskopgroep?

Deze modus zet tabelrijen om in gegroepeerde kop‑ en datablocks wanneer de schermbreedte klein is, waardoor de inhoud in een beter leesbaar gestapeld formaat wordt weergegeven.

Hoe functioneert de responsieve scrollmodus?

Scrollmodus stelt een vaste tabelbreedte en -hoogte in, waardoor horizontaal en verticaal scrollen mogelijk is met opties om een aantal kolommen te bevriezen tijdens horizontaal scrollen.

Kunnen tabelcellen of kolommen worden bevroren in responsieve modus?

Ja, alle responsieve modi kunnen cel- of kolombevriezing gebruiken om belangrijke gegevens zichtbaar te houden tijdens het scrollen of aanpassen van de tabel op kleinere schermen.

Hoe kies ik de beste responsieve modus voor mijn tabellen?

De keuze hangt af van uw datatype en typisch apparaatgebruik. Scrollen is geschikt voor brede tabellen, kolommen verbergen is goed voor hiërarchische inhoud, en de data‑kopgroepmodus is ideaal voor leesbaarheid op smalle schermen.

Duplicate entry 'cc46bdf9d2ec3413199a4ce0a0d95031-nl' 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 'cc46bdf9d2ec3413199a4ce0a0d95031-nl' 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 'cc46bdf9d2ec3413199a4ce0a0d95031-nl' 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}()