Přeskočit na hlavní obsah

Vytvořte v Joomla pixelově dokonalé responzivní tabulky na mobilu

Režim responzivity je zásadní pro zobrazování HTML tabulek v Joomla, často s omezeným prostorem ve vašem rozvržení, ať jste na desktopu nebo na malých zařízeních (mobily, tablety). Droptables 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 responsivního Droptables 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
Ceny rozšíření Droptables

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

MÁTE ČLENSTVÍ? AKTUALIZUJTE SVŮJ ÚČET
PRO
ROZŠÍŘENÍ + 1 ROK PODPORY A AKTUALIZACE
$44
1
rok
  • MULTI DOMÉNA / MULTI SÍŤ
  • 1 ROK AKTUALIZACE
  • 1 ROK PODPORY
  • Rozšíření Dropfiles
  • Rozšíření Droppics
  • Integrace DropEditor
  • ŽÁDNÉ OPAKOVANÉ PLATBY
  • ŽÁDNÉ DATOVÉ OMEZENÍ
  • Nejnovější Joomla 3, 4 a 5 připraveno
Objednat nyní
NEJLEPŠÍ NABÍDKA
BALÍČEK
DROPPICS + DROPFILES + DROPTABLE + DROPEDITOR
$69
1
ROK
SPECIÁLNÍ BALÍČEK
  • MULTI DOMÉNA / MULTI SÍŤ
  • 1 ROK AKTUALIZACE
  • 1 ROK PODPORY
  • Rozšíření Dropfiles
  • Rozšíření Droppics
  • Integrace DropEditor
  • ŽÁDNÉ OPAKOVANÉ PLATBY
  • ŽÁDNÉ DATOVÉ OMEZENÍ
  • Nejnovější Joomla 3, 4 a 5 připraveno
Objednat nyní
199$
Místo 462$
ZÍSKEJTE 
JOOMLA BALÍČEK

Balíček poskytuje přístup k všem Joomla rozšířením a lze jej použít na jakékoli webové stránce. Kromě toho budete mít plný přístup k technické podpoře a aktualizacím pro každé rozšíření po celý rok. 
Čas je nyní! Zvyšte svou efektivitu a získejte konkurenční výhodu. Vyzkoušejte balíček.

DALŠÍ INFORMACE

Reference klientů a hodnocení

Droptables Droptables - Správce tabulek pro Joomla
90 z 100 na základě 16 hodnocení uživatelů

Zdroj hodnocení: 16 uživatelských recenzí na: Joomla.org

Často kladené otázky: Responzivní HTML tabulky na mobilu s Droptables

Co dělá tabulky Droptables responzivními na mobilu?

Droptables používá pokročilé responzivní rozvržení a CSS techniky, aby vaše Joomla HTML tabulky vypadaly skvěle a fungovaly perfektně na jakémkoli mobilním nebo tabletovém zařízení bez horizontálního posouvání.

Mohu přizpůsobit návrh tabulky pro mobilní zařízení?

Ano, můžete přizpůsobit barvy tabulky, písma, okraje a rozvržení specificky pro mobilní zobrazení pomocí vizuálního editoru Droptables’ a responzivních možností.

Podporuje Droptables řazení a filtrování na mobilu?

Naprostá jistota, všechny interaktivní funkce, jako řazení sloupců, filtrování a vyhledávání, zůstávají plně funkční na mobilních zařízeních pro nejlepší uživatelský zážitek.

Jak Droptables zachází se širokými tabulkami na malých obrazovkách?

Droptables nabízí inteligentní zkracování, skrytí sloupců a adaptivní přepínač mezi horizontálním posouváním a vrstveným zobrazením, aby se široké tabulky na malých obrazovkách bez problémů vešly.

Lze tabulky Droptables vložit do článků a modulů?

Ano, můžete snadno vložit responzivní tabulky kdekoli v obsahu Joomla nebo modulech pomocí shortcode nebo integrace pluginu.

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"
}
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Databases/Mysql.php (line 170)
  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. }
  9. public function removeUrls($urls)
  10. {
  11. $query = 'DELETE FROM '.mysqli_real_escape_string($this->_database, $this->_database_table_urls).' WHERE (hash_source) IN ';
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Databases/Mysql.php -> query (line 170)
  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. }
  9. public function removeUrls($urls)
  10. {
  11. $query = 'DELETE FROM '.mysqli_real_escape_string($this->_database, $this->_database_table_urls).' WHERE (hash_source) IN ';
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Database.php -> saveUrls (line 232)
  2. public function saveUrls($urls) {
  3. if (empty($urls)) {
  4. return;
  5. }
  6. return $this->_database->saveUrls($urls);
  7. }
  9. public function removeUrls($urls) {
  10. if (empty($urls)) {
  11. return;
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Translation.php -> saveUrls (line 119)
  2. if (isset($result->url_translations)) {
  3. Defer::getInstance()->defer(function() use ($result) {
  4. $new_urls = $result->url_translations;
  5. $new_urls = get_object_vars($new_urls);
  6. Database::getInstance()->saveUrls((array)$new_urls);
  7. });
  8. }
  10. if (isset($result->urls_untranslated)) {
  11. Defer::getInstance()->defer(function() use ($result) {
Translation->Linguise\Script\Core\{closure}()
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Defer.php call_user_func (line 42)
  1. }
  3. public function finalize()
  4. {
  5. foreach ($this->_actions as $action) {
  6. call_user_func($action['function'], $action['args']);
  7. }
  8. }
  9. }
in /var/www/staging.joomunited.com/public_html/plugins/system/linguise/vendor/linguise/script-php/src/Processor.php -> finalize (line 31)
  1. Helper::prepareDataDir();
  3. // Finalize defer actions on shutdown
  4. // @codeCoverageIgnoreStart
  5. register_shutdown_function(function() {
  6. Defer::getInstance()->finalize();
  7. Database::getInstance()->close();
  8. });
  9. // @codeCoverageIgnoreEnd
  10. }
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}()