responsywna tabela w css

pytanie zadane 3 października 2015 w HTML i CSS przez Graf Pas Początkujący (330 p.)

Znacie może jakiś fajny skrypt na responsywną tabele w css3 lub html5 ?

4 odpowiedzi

odpowiedź 3 października 2015 przez HaKIM Szeryf (87,590 p.)
wybrane 3 października 2015 przez Graf Pas

Najlepsza

A co powiesz na Bootstrapika?

http://getbootstrap.com/css/#tables

Jeśli Ci nie odpowiada to, co już zrobili, możesz zajrzeć do kodu w pliku bootstrap.css i zobaczyć w jaki sposób osiągneli tak dobrą responsywność. :)

Polecam zapoznać się z:

@media (max-width: XXXpx)
@media (min-width: XXXpx)

Ogólnie z @media. :)

komentarz 3 października 2015 przez Graf Pas Początkujący (330 p.)

OK dzieki za chwile sprawdze

komentarz 3 października 2015 przez Graf Pas Początkujący (330 p.)

dziękuje bardzo za pomoc, rewelacja :)

komentarz 3 października 2015 przez HaKIM Szeryf (87,590 p.)

A proszę bardzo. Jeśli moja odpowiedź okazała się trafna, proszę, daj "Najlepsza" aby temat został w naturalny sposób zamknięty. :)

komentarz 3 października 2015 przez Eryk Andrzejewski Mędrzec (164,260 p.)

O ty żulu :) Oczywiście żartuję :) Tylko ciężko tak wybrać bo inni dali identyczne odpowiedzi :(

komentarz 3 października 2015 przez Patrycjerz Mędrzec (192,320 p.)

A może ja wybiorę... najlepszą odpowiedź?

komentarz 3 października 2015 przez writen Nałogowiec (29,060 p.)

Patrycjerz To kto wygrał

komentarz 3 października 2015 przez Patrycjerz Mędrzec (192,320 p.)

Sebastian, ale jednak się rozmyśliłem - to nie moja sprawa.

komentarz 3 października 2015 przez Graf Pas Początkujący (330 p.)

szczerze mówiąc to nawet niewim gdzie zaznaczyć tą najlepszą odp. he he :) nawet jak bym bardzo chciał :) Jak byś zauważyła to jestem nowicjuszem i jeszcze nie ogarnełem wszystkiego co się dzieje na tym forum :)

komentarz 3 października 2015 przez Patrycjerz Mędrzec (192,320 p.)

Zauważyła?! Co do zaznaczenia najlepszej odpowiedzi, to wystarczy kliknąć w fajkę po lewej stronie odpowiedzi.

komentarz 3 października 2015 przez Graf Pas Początkujący (330 p.)

sorry zauważył rozmawiłem z kimś w tym czasie he he

odpowiedź 3 października 2015 przez Comandeer Guru (607,060 p.)

https://css-tricks.com/responsive-data-tables/

komentarz 3 października 2015 przez Schizohatter Nałogowiec (39,600 p.)

Jedyne sensowne rozwiązanie na dane tabelaryczne, które no, niestety, są beznadziejne do wyświetlania na małych ekranach.

odpowiedź 3 października 2015 przez Patrycjerz Mędrzec (192,320 p.)

odpowiedź 3 października 2015 przez writen Nałogowiec (29,060 p.)

Nie ma lepszego sposobu na responsywną tabelę niż ustalenie wymiarów w procentach. Ale to wtedy gdy chcemy, aby po prostu dostosowała się do szerokości ekranu. Jeśli chcesz, aby wiersze i kolumny tabeli wyglądały różne na różnych rodzielczościach należy użyć media queries.

Jeśli chcesz tylko tabele z bootstrapa, ale cały framework cię nie interesuje, wchodzisz tu http://getbootstrap.com/customize/ zaznaczasz tabele, ewentualnie co tam jeszcze chcesz, a na dole strony kompilujesz i pobierasz.