alex51
04-03-2013, 13:24
Chciałbym poinformowować wszystkich zainteresowanych tworzeniem stron zgodnych ze standardem RWD (responsive web design) o możliwościach dostosowania do tego standardu prezentacji treści w formie tabel. Nawet dobrze przygotowany responsywny szablon nie zapewni pełnego komfortu przeglądania na urządzeniach mobilnych stron zawierajacych dane tabelaryczne. Rozwiazaniem tego problemu może być próba dostosowania sposobu wyświetlania tabel do zróżnicowanych rozdzielczości. W tym wątku przedstawiam dwa przetestowane przeze mnie rozwiązania:
1. Responsywne tabele z danymi przedstawiane za pomocą jQuery - sposób przedstawiony przez naszego kolegę Piotra Nalepę (http://blog.piotrnalepa.pl/2012/12/26/jquery-responsywne-tabele-z-danymi/). Metoda ta została przetestowana na Joomla! 3.0.3, gdzie działa poprawnie. Problemy mogą być z wykorzystaniem tego sposobu w Joomla! 2.5 gdzie kłopot stwarza zapewnienie bezkonfliktowego działania jQuery z Mootools, ale być może komuś się uda to również opanować. Dodatkowe żródła przedstawiające to podejście do responsywności tabel można znaleźć również u Piotra (http://blog.piotrnalepa.pl/2013/02/27/joomla-responsywne-tabele-w-joomla-3-0/) jak i u autora zasosowanego tu pluginu FooTable (http://themergency.com/footable/).
2. Tabele zgodne z RWD budowane tylko przy pomocy css - tzw. Rainbow Tables, opracowanie Brada Czerniaka (http://hawidu.com/2011/04/27/another-responsive-data-tables-approach/), nawiazujące do opracowań przedstawianych przez Chrisa Coyiera (http://css-tricks.com/responsive-data-tables/).
Zachecam do sprawdzenia w swoich projektach w/w rozwiazań i wypowiadania się w tym temacie.
1. Responsywne tabele z danymi przedstawiane za pomocą jQuery - sposób przedstawiony przez naszego kolegę Piotra Nalepę (http://blog.piotrnalepa.pl/2012/12/26/jquery-responsywne-tabele-z-danymi/). Metoda ta została przetestowana na Joomla! 3.0.3, gdzie działa poprawnie. Problemy mogą być z wykorzystaniem tego sposobu w Joomla! 2.5 gdzie kłopot stwarza zapewnienie bezkonfliktowego działania jQuery z Mootools, ale być może komuś się uda to również opanować. Dodatkowe żródła przedstawiające to podejście do responsywności tabel można znaleźć również u Piotra (http://blog.piotrnalepa.pl/2013/02/27/joomla-responsywne-tabele-w-joomla-3-0/) jak i u autora zasosowanego tu pluginu FooTable (http://themergency.com/footable/).
2. Tabele zgodne z RWD budowane tylko przy pomocy css - tzw. Rainbow Tables, opracowanie Brada Czerniaka (http://hawidu.com/2011/04/27/another-responsive-data-tables-approach/), nawiazujące do opracowań przedstawianych przez Chrisa Coyiera (http://css-tricks.com/responsive-data-tables/).
Zachecam do sprawdzenia w swoich projektach w/w rozwiazań i wypowiadania się w tym temacie.