Jak poprawić UX tabel na urządzeniach mobilnych na Joomla?

DC JTable to lekka, inteligentna wtyczka systemowa dla Joomla 5 i Joomla 6, która automatycznie wykrywa szerokie tabele w artykułach i treściach, a następnie przekształca je w interaktywny, mobilny komponent z nawigacją po osi poziomej.

Wtyczka dodaje przyciski przewijania 👉👈, które:

• są zawsze widoczne (position: fixed),

• działają jak sticky inside — nie uciekają przy scrollowaniu,

• pulsują, gdy można przewinąć tabelę w daną stronę,

• zachowują się elegancko na dole i górze tabeli (auto-docking),

• tworzą pełny UX rodem z nowoczesnych aplikacji webowych.

Całość działa automatycznie.
Nie wymaga żadnej konfiguracji.
Zero styli inline (pełna kontrola CSS).
Perfekcyjnie wygląda na każdym szablonie — także customowym.

 

⭐ Co robi ta wtyczka?

✔ Automatycznie wykrywa tabele, które „nie mieszczą się” w kontenerze

Nie musisz dodawać żadnych klas, shortcode’ów ani ręcznych wrapperów.

 

✔ Tworzy własny wrapper z poziomym przewijaniem

Tabela staje się w pełni mobilna i przyjazna UX.

 

✔ Dodaje nowoczesną nawigację po osi X

Dwa przyciski:

👉 przewiń w prawo
👈 przewiń w lewo

 

✔ Przyciski są zawsze widoczne

— nawet jeśli tabela jest bardzo wysoka
— albo użytkownik przewija całą stronę

 

✔ Sticky INSIDE – unikalna logika

Przyciski:

• zaczynają „przyklejone” u góry tabeli,

• kleją się do ekranu podczas scrollowania,

• zatrzymują się przy dolnej krawędzi tabeli.

To zachowanie rodem z narzędzi premium (Notion, Google Docs).

 

✔ Inteligentne pulsowanie

Jeśli tabela ma możliwość przewinięcia:

• w prawo → przycisk 👉 pulsuje,

• w lewo → przycisk 👈 pulsuje.

Zero pulsowania, gdy przewijać się nie da.

 

✔ Wsparcie dla własnych stylów i szablonów

W odróżnieniu od Cassiopeia, wtyczka nie używa font-icons.
Emoji są uniwersalne i niezależne.

 

✔ Full UX w 2 KB JS

Tak lekka, że równie dobrze mogłaby być napisana w powietrzu.

 

⭐ Dlaczego to stworzyliśmy?

Bo Joomla w 2025 wciąż:

• nie radzi sobie z szerokimi tabelami,

• widoczność tabel i ich UX na urządzeniach mobilnych jest tragiczna

• łamie layouty na mobile,

• wymaga ręcznego dodawania overflow-x,

• a edytorzy wklejają tabele z Excela, Worda i Google Docs,

• co kończy się tragedią w frontendzie.

DC JTable rozwiązuje ten problem raz na zawsze.

Dodajesz tabelę → UX działa.
Zawsze.

 

⭐ Najważniejsze funkcje

⭐ Dla kogo jest ta wtyczka?

Dla wszystkich, którzy:

• publikują specyfikacje techniczne,

• mają artykuły z tabelami,

• wklejają tabele z Excela,

• prowadzą blog technologiczny,

• mają porównania produktów,

• używają szablonów z własnym frontendem,

• chcą UX jak w profesjonalnych aplikacjach.

 

⭐ Instalacja

a) Pobierz wtyczkę z Design Cart LAB

32

 

b) Zainstaluj przez System → Instalacje

c) Włącz wtyczkę DC JTable

d) Gotowe — żadnej konfiguracji.

 

⭐ Podsumowanie

To jest mały dodatek, który rozwiązuje gigantyczny problem UX w Joomla.
Jeśli ktoś tworzy treści z tabelami, to DC JTable staje się obowiązkowy.

Interaktywne, inteligentne i przyjemne w użyciu przewijanie tabel → jednym kliknięciem.

Warto zapoznać sie również z naszą ofertą tworzenia stron WWW